The latest Firefox stable release includes some superb additions like #CSS color-mix() accepting multiple color values, light-dark() accepting image values, ariaNotify, sizes=auto on images, and more: developer.mozilla.org/en-US/docs/M...
"None of these are baseline yet, so check MDN for support."
@carlomasala1.bsky.social Rügen - der weiche Unterleib der NATO! Ich brech ab! 👏
Now we're talking!
"...the industry pretends the problem is about awareness.
It isn’t about awareness. It’s about who’s writing the front-end code, and whether they’re qualified to write it."
I couldn't agree more, @gbbns.co!
gbbns.co/journal/acce...
🚨 Active supply chain attack on axios@1.14.1. The latest version pulls in plain-crypto-js@4.2.1 -- a brand-new package that didn't exist before today.
We're still investigating. If you use axios, pin your version and audit your lockfile. socket.dev/blog/axios-n...
A stepper or multi-step form from the documentation of material design.
Don't use role="progressbar" for multi-step forms.
The spec says: "A progressbar indicates that the user's request has been received and the application is making progress toward completing the requested action."
Use an OL and aria-current. role="progressbar" sends the wrong message.
Oh wow, this is cool! Check it out
Typo of the day:
Love-Region instead of Live-Region
😍
It costs $0.00 to uninstall that Big Tech browser you’ve always used and switch to a European browser that has no AI and doesn’t collect your data. 🫶🏻
I remember being here, mostly because of their Rockabilly Diner style. But the food was great, too. This was before Covid though, maybe still okay today (looks the same).
maps.app.goo.gl/enNERWZdMpKQ...
Interesting. Just moved to Proton. De-Googleing made easy. Thanx for this reat article.
🇩🇪 Ohrfutter! 🎧 Ein neuer Podcast zur Barrierefreiheit. Noch nicht reingehört, könnte spannend sein.
www.bfit-bund.de/SharedDocs/K...
O most gracious Lord of HTML, how cometh it that mine ears have not yet heard of <plaintext>? 🧐
htmhell.dev/adventcalend...
By my troth, I do hereby commend unto thee the most infernal Advent Calendar of Sir @matuzo.at, named HTML Hell! ☠️
Flashing content faster than 3x per second can exclude users. My latest piece outlines practical steps to meet “Three Flashes” and build safer, inclusive experiences. What’s your approach?
buff.ly/wU8Ge4T
#DigitalAccessibility #InclusiveDesign #WCAG #WebStandards #A11y
How do you describe the accessibility profession?
"A spoilsport for developers that wants to be a mentor." 😍
@correctiv.org and the Stiftung "Zugang für alle" have tested 70 municipal websites for accessibility with sobering results. 😱The Correctiv-page itself has some #a11y issues though... 🫠
correctiv.org/barrierefrei...
A Guide to Creating Accessible PDFs Using Free Tools, by @stvfrnzl@mastodon.online (@piccalil.li):
piccalil.li/blog/a-guide-to-creating...
#guides #accessibility #pdf #tooling #testing
The `header` element gets the role "banner" on the root level but `sectionheader` or `generic` when being nested in a `main` element.
Today I learned `header` and `footer` elements lose their ARIA roles when being included in sectioning content.
www.stefanjudis.com/today-i-lear...
You don't necessarily need to say "image of" in your alt text for users to know it's an image. Screen readers will announce that it's an image. But it can help readers to specify if it's a hand-drawn image, Polaroid, infographic, screenshot, chart, map, diagram, or so on.
“Mind the WCAG automation gap” by Steve Faulkner digs into what’s possible (and what isn’t) with automated #accessibility tools. Machines help, but they can’t replace human judgment.
html5accessibility.com/stuff/2025/0...
#WCAG #A11y #WebDev #Testing #Automation #DigitalAccessibility
Most important #a11y read you will get today!
dialog { /* The dialog itself is not semi-transparent at all */ background: light-dark(white, black); } ::backdrop { /* These values particular seem like very low values for a backdrop */ background: light-dark(hsl(white / 20%), hsl(black / 40%)); @media (prefers-reduced-transparency: reduce) { /* Should we increase them in reduce transparency mode? */ background: light-dark(hsl(white / 60%), hsl(black / 80%)); /* Would blurring the background actually help in this case */ backdrop-filter: blur(10px); } }
Accessibility question
For ::backdrop's (dialog overlays) that have a semi-transparent bg to obscure the page behind them:
Should we make the backdrop more obscured for `prefers-reduced-transparency`?
Like if the backdrop is black/40% should we make it black/80%? 100%? Should we blur the bg?
Thank you @tetralogical.com for the great article on misconceptions about screen readers! 👍
tetralogical.com/blog/2025/10...
Just at the right time for me to argue on a current #a11y issue in TinyMCE that most likely was caused by one of those: 👇
github.com/tinymce/tiny...
This article confirms my observations. Most developers hired by us (university, technical college, years of experience) have never heard of #a11y. Lack of knowledge and awareness is primarily an academic problem! 🧐
Serene impressively demonstrates how you can still start a career in this field. 👇
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.
So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.
interop-rank.jakearchibald.com
Super useful! 👇
Woohoo, thanx!
Graphic with pixelated, 3D-styled webpage icons radiating outward from a bright point. Center text reads: "Fundraise with us! Celebrating 1 Trillion Webpages Archived."
We’ve archived 1 trillion web pages via the Wayback Machine. Help us preserve 1 trillion more with P2P fundraising: donate.archive.org/1T
#Wayback1T
