I'm happy so many people liked my first article!

Now I wrote about why focus outlines deserve better treatment in web design, and how to make them both beautiful and accessible ✍️

medienbaecker.com/articles/foc…

#accessibility #webdev #webdesign #indieweb

Beautiful focus outlines

Baker’s son turned web developer, kneading pixels and code for 15+ years. I help you bake your ideas into websites 🥨.

^{Thomas Günther (medienbaecker.com)}

New blog post! 📝

"My anti-overlay client letter" — I'm often asked about accessibility overlays, and this is the email I send to clients when that discussion gets serious.

It may be helpful to others making the case against overlays and laying down the facts.

alistairshepherd.uk/writing/ac…

#webdev #accessibility

My anti-overlay client letter - Alistair Shepherd

I really dislike accessibility overlays and am often asked about my thoughts or to implement one. This is my email response when that discussion gets serious.

^{Alistair Shepherd}

Folks, there really is something sliding backwards in #Accessibility but I can't quite pinpoint it, but it's showing itself every time I invoice a client but I spent that whole time convincing the small business that, well, actually, accessible design is good. Toolbars won't fix accessibility. Your computer can make text bigger. Your monitor can brighten and lower brightness. your computer has a Magnifier in it.

I'm not joking. Back in 2006, you had to use those advanced accessibility talks, but not anymore! Now I get paid to tell people that there are themes in Wordpress that make stuff more accessible without toolbars and yes you can increase your mouse size.

Seriously, what's going on? I mean, I'll have income for a hell of a long time without really doing anything super taxing these days but wow! #WebDev

Could someone please write Taylor Otwell a bot that replies with "💩" to every Pull Request he closes, so that he doesn't have to endure the pitiful and tremendously time-consuming task of having to select one of his reply templates that he can't even be bothered to check if it is even fitting (honestly, it's more likely, he doesn't give a flying fuck given the amount of times this happens)? 🤡

#amCoding #amProgramming #PHP #openSource #FOSS #webDev

Not so short note on aria-label usage – Big Table Edition

“aria-label is one of a number of secondary methods to label native HTML UI elements. It works particularly well on interactive elements, it also works well on most block level elements old skoolterm that have explicitly or implicitly defined structural roles. It works less well or not at all on text level semantics.”

#aria #HTML #accessibility #WebDev

html5accessibility.com/stuff/2…

One irony of letting companies like Google run their spyware through our websites for "analytics" is how useless most of the information is to small/medium website owners.

Oh, 3% of my visitors are from Poland, and 8% use Firefox? Uh, OK, great insights … I guess. 🤷‍♂️

OTOH, that information is valuable to Google, because they can aggregate it with lots of other surveillance data for digital fingerprinting, etc.

We've been duped.

#analytics #privacy #webdev #Google

I'm a proponent of static websites. Most generators use a folder structure with Markdown files and other assets as the input.

However, not all users are confident editing Markdown and YAML front matter etc. by hand.

Are there any good web frontends for this kind of stuff?

It should feel like the authoring backend for WordPress or whatever random CMS, with a WYSIWYG editor, and the result are Markdown files & assets. Bonus points for Git support.

#WebDev #StaticWebsite #StaticSite #SSG

HUGE thanks to @robb for writing a clear, easy-to-follow #guide on how to enable #Fediverse author attribution on blogs/websites - so that it will show up under the link card: rknight.me/blog/setting-up-mas…

#blog #journalism #mastodonupdate #webdev

🤍 Appeal to the Browser Goddesses 🤍

Can we please make it a thing where 32GB of RAM isn't an insufficient amount for day to day web browser usage? Getting an OOM core dump for that reason is inexcusable.

- Should the Zoom browser app really need 2GB on a single tab when it's already downscaling a 1080p feed to 320p on an enterprise account?
- Should Amazon's website really need 1GB per tab just to view the cart or a ~800Mb for a single simple product page?
- Please remind me how an MKdocs fully static page with a single 400k image and no datatables or fancy JS somehow require 242Mb?
- Or perhaps shed some light on the requirement where Google's main page with a single search form somehow needs ~500Mb

There are no "good reasons" for these inefficiencies. We don't suddenly have better search fields or compressed jpegs now vs a decade ago with 1/10th of the system resources.

#developer #webdev #linux #browsers #chrome #firefox #ensh11n

Web Accessibility Cookbook

Provides you with dozens of recipes to help you build common components on the web, such as navigation, forms, filters, tables, and dialogs, in an accessible manner.

accessibility-cookbook.com/

by @matuzo

#webdev #webdesign #a11y #books

People on StackOverflow telling people to screw up #accessibility with the HTML dialog element defeats the purpose of using that element in the first place IMO. Please upvote my answer that corrects the numerous wrong answers, including the accepted answer, to this question if you have an SO account.

stackoverflow.com/a/79028606/2…

#webDev #a11y #html #css #javaScript

Client: "Well, sometimes we have to break accessibility on our site when it gets in the way of other users."

Me: 🤔

#webdev #memes #a11y

When creating accessible web applications using HTML, what are the recommended practices for editable elements?

Say I have a list of cards, each of which have a title which can be edited. Should all these cards be individual forms? Or should these be naked input elements with appropriate labels? Or something different altogether?

#a11y #wcag #webdev

⌨️ prayer for the un-entitled user

"Like the rest of the web platform, interoperability is key to accessibility support. It is safe to say at this time (September 2024) that the display of title attribute content on keyboard focus is not implemented interoperably."

#a11y #WebStandards #WebDev

html5accessibility.com/stuff/2…

Don't Use JS for That: Moving Features to CSS and HTML by Kilian Valkhof 👏

Of course, ensure it's accessible – especially the scroll example in this presentation.

youtube.com/watch?v=IP_rtWEMR0… #webdev #webdevelopment #javascript #css

Now in #Firefox DevTools 129: massive performance improvements, @starting-style support and accessibility fixes:

fxdx.dev/firefox-devtools-news…

#webDev #CSS #webperf

Sensitive content Click to open/close

Dark mode & accessibility myth

stephaniewalter.design/blog/da…

#darkmode #a11y #accessibility #webdesign #webdev #UIDesign

Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer.

Dark mode isn't always better for accessibility, you need to let users chose. And if you build a dark theme, make it accessible!

^{Stéphanie Walter (Stéphanie Walter - Senior UX Designer, Mobile Expert, Conference Speaker, Blog writer and Teacher.)}

Perfect. As a web #developer, no notes.

#webdev #memes

In 2014, Steve Faulkner wrote an article What ARIA does not do. 10 years later, the message is unchanged.

buff.ly/4cJlV7S

#WebDev #WebDevelopment #ARIA #HTML #DigitalAccessibility #Accessibility #A11y

😑🆕 What ARIA still does not do

"Use of ARIA is a promise you as a developer make to screen reader users."

#a11y #ARIA #HTML #WebDev

html5accessibility.com/stuff/2…