Sign in

Accessabilly

@accessabilly.bsky.social
293 followers 160 following 88 posts

Does the <body> rule the mind or does the mind rule the <body>? I'm Martin Mengele, #a11y & web dev professional, IAAP-certified Web Accessibility Specialist. accessabilly.com Alt text for profile picture: Sunrise view up the river Rhine.

PostsRepliesMedia
Reposted by Accessabilly
Bruce Lawson @brucel.bsky.social · 29/09/2026
"Companies don’t push apps because installing one improves your spiritual wellbeing." webdesignerdepot.com/nobody-wants...
webdesignerdepot.com
Nobody Wants Your Damn App
Nobody wants another app cluttering their phone—so why does every website keep begging us to install one? The web already perfected the experience: click, load, done. Maybe it’s time we stopped trying...
0175
Reposted by Accessabilly
Manuel Matuzović @matuzo.at · 24/09/2026
I'm speaking live right now! www.youtube.com/live/h3JhFyO...
youtube.com
Manuel Matuzović / 19½ Things You Didn’t Know about Accessibility in HTML and CSS #id24 2026
YouTube video by Inclusive Design 24 #id24
3203
Reposted by Accessabilly
Vale @vale.rocks · 08/09/2026
Sometimes you look at an old HTML document and see some weird tags and snippets from bygone eras. I've complied many legacy HTML bits I've noticed and documented what they were and why there were present. Many of them are rather obscure. Satisfy your curiosity: vale.rocks/posts/html-r...
vale.rocks
Antiquated HTML Snippets and Artefacts
Overviews of the very many snippets of code that were once commonly included on websites to address specific cases with certain technologies, browsers, operating systems, or extensions. Fragments dating back to the days of Internet Explorer and Netscape, to more modern bits that are nonetheless obsolete.
1110025
Reposted by Accessabilly
xirclebox @xirclebox.com · 07/08/2026
Screen Reader User Survey #11 webaim.org/projects/scr... #Accessibility #AssistiveTech #ScreenReader @webaim.bsky.social
webaim.org
WebAIM: Screen Reader User Survey #11
066
Accessabilly @accessabilly.bsky.social · 25/06/2026
Interesting read! Things you might not have on your radar while checking awesome new CSS features. 😎
010
Reposted by Accessabilly
Manuel Matuzović @matuzo.at · 24/06/2026
I saw a great introduction to CSS Grid Lanes, aka Masonry Layouts, by @patrickbrosset.com at CSS Day 2026. I liked the versatility of its use cases, but I was also concerned that it's inaccessible by default. matuzo.at/blog/2026/gr...
matuzo.at
Your Grid Lanes will likely fail WCAG 2.4.3 - Manuel Matuzovic
I’m a frontend developer, consultant, accessibility auditor, blogger, teacher, and book author from Austria.
64216
Reposted by Accessabilly
deconspray @deconspray.bsky.social · 06/06/2026
axe and Lighthouse catch issues, not experiences. Great insights from David Mello on smarter Playwright a11y testing. www.davidmello.com/s... #Accessibility #A11y #Playwright #WebAccessibility #SoftwareTesting #InclusiveDesign #QA #WCAG #DevOps #AutomationTesting
davidmello.com
Playwright Accessibility Testing: What axe and Lighthouse Miss
axe and Lighthouse miss 60–70% of WCAG violations. Learn the limitations of automated accessibility testing and how to write smarter Playwright tests.
1104
Accessabilly @accessabilly.bsky.social · 27/05/2026
A very helpful article on lists and ARIA by @scottohara.me: www.scottohara.me/blog/2018/05... 👍 ...and a great CodePen demonstrating how to keep ordered lists machine-readable even without visible counters: codepen.io/scottohara/p... 😎
scottohara.me
ARIA Lists | scottohara.me
020
Accessabilly @accessabilly.bsky.social · 27/04/2026
My grandfather, a manufacturer in postwar Germany, hired a blind man to work at his telephone exchange - a remarkably progressive step for the time. The man proved to be his most accurate and reliable employee, staying until retirement. 🤝 As things come full circle, I’m proud of my grandfather...
010
Reposted by Accessabilly
Sara Soueidan @sarasoueidan.com · 21/04/2026
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."
developer.mozilla.org
Firefox 150 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 150 that affect developers. Firefox 150 was released on April 21, 2026.
0224
Accessabilly @accessabilly.bsky.social · 20/04/2026
@carlomasala1.bsky.social Rügen - der weiche Unterleib der NATO! Ich brech ab! 👏
000
Accessabilly @accessabilly.bsky.social · 13/04/2026
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...
gbbns.co
The Accessibility Problem Isn't Design. It's Engineering. | gbbns.co
Accessibility failures aren't design oversights — they're engineering failures. The full-stack hiring trend, AI-generated code with no context, and a compliance-first mentality have combined to create...
031
Reposted by Accessabilly
Socket @socket.dev · 31/03/2026
🚨 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...
socket.dev
Supply Chain Attack on Axios Pulls Malicious Dependency from...
A supply chain attack on Axios introduced a malicious dependency, plain-crypto-js@4.2.1, published minutes earlier and absent from the project’s GitHu...
39868
Reposted by Accessabilly
Erik Kroes 👀 @erikkroes.bsky.social · 25/03/2026
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.
A stepper or multi-step form from the documentation of material design.
041
Accessabilly @accessabilly.bsky.social · 17/03/2026
Oh wow, this is cool! Check it out
033
Accessabilly @accessabilly.bsky.social · 10/03/2026
Typo of the day: Love-Region instead of Live-Region 😍
151
Reposted by Accessabilly
Vivaldi Browser @vivaldi.com · 04/03/2026
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. 🫶🏻
617168
Accessabilly @accessabilly.bsky.social · 03/12/2025
🇩🇪 Ohrfutter! 🎧 Ein neuer Podcast zur Barrierefreiheit. Noch nicht reingehört, könnte spannend sein. www.bfit-bund.de/SharedDocs/K...
bfit-bund.de
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik - Aktuelles - Unlimited – der neue BFIT-Podcast für digitale Barrierefreiheit
Zum Internationalen Tag der Menschen mit Behinderungen am 3. Dezember 2025 startet ein neues Angebot der BFIT-Bund: Unlimited – der Podcast für digitale Barrierefreiheit.
000
Accessabilly @accessabilly.bsky.social · 03/12/2025
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! ☠️
htmhell.dev
Using the Ancient Evils for Debugging - HTMHell
A collection of bad practices in HTML, copied from real websites.
041
Accessabilly @accessabilly.bsky.social · 27/11/2025
Interesting stuff coming up: blogs.windows.com/msedgedev/20...
blogs.windows.com
Creating a more accessible web with Aria Notify
We're excited to announce the availability, as a developer and origin trial, of ARIA Notify, a new API that's designed to make web content
010
Reposted by Accessabilly
deconspray @deconspray.bsky.social · 16/11/2025
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
buff.ly
Testing Methods: Three Flashes
Testing WCAG 2.3.2 Three Flashes is most effective using a hybrid approach. Automated scans provide broad coverage, AI detects subtle flashes, and manual testing ensures real-user accuracy, creating safer, inclusive digital experiences.
001
Accessabilly @accessabilly.bsky.social · 30/10/2025
How do you describe the accessibility profession? "A spoilsport for developers that wants to be a mentor." 😍
000
Accessabilly @accessabilly.bsky.social · 28/10/2025
@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...
correctiv.org
Diese Schweizer Gemeinde-Websites sind nicht barrierefrei
Viele Schweizer Gemeinden erfüllen die Standards für digitale Barrierefreiheit nicht. Unsere Analyse zeigt, welche Websites Nachholbedarf haben.
000
Reposted by Accessabilly
Frontend Dogma @frontenddogma.com · 24/10/2025
A Guide to Creating Accessible PDFs Using Free Tools, by @stvfrnzl@mastodon.online (@piccalil.li): piccalil.li/blog/a-guide-to-creatin… #guides #accessibility #pdf #tooling #testing
piccalil.li
A guide to creating accessible PDFs using free tools
If you really do (seriously, really do) need to create a PDF, Steve has your back to help you make sure you make that PDF accessible without having to fork out for Adobe Acrobat Pro.
063
Reposted by Accessabilly
Stefan Judis @stefanjudis.com · 20/10/2025
Today I learned `header` and `footer` elements lose their ARIA roles when being included in sectioning content. www.stefanjudis.com/today-i-lear...
The `header` element gets the role "banner" on the root level but `sectionheader` or `generic` when being nested in a `main` element.
6588
Reposted by Accessabilly
Accessibility Awareness @a11yawareness.bsky.social · 18/10/2025
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.
014647
Reposted by Accessabilly
deconspray @deconspray.bsky.social · 18/10/2025
“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
html5accessibility.com
mind the WCAG automation gap – HTML Accessibility
011
Accessabilly @accessabilly.bsky.social · 17/10/2025
Most important #a11y read you will get today!
010
Reposted by Accessabilly
Jamie Kyle @jamie.build · 16/10/2025
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?
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);
  }
}
263
Accessabilly @accessabilly.bsky.social · 14/10/2025
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...
tetralogical.com
Common misconceptions about screen readers - TetraLogical
Screen readers are familiar to many in digital, but how they work in practice can be less clear. In this post, we shed some light on the topic.
020
Accessabilly @accessabilly.bsky.social · 13/10/2025
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. 👇
010
Reposted by Accessabilly
Firefox for Web Developers @webdevs.firefox.com · 09/10/2025
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
interop-rank.jakearchibald.com
Interop Feature Ranking
Rank the web platform features you care most about
18247113
Accessabilly @accessabilly.bsky.social · 09/10/2025
Super useful! 👇
011
Reposted by Accessabilly
Internet Archive @archive.org · 08/10/2025
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
Graphic with pixelated, 3D-styled webpage icons radiating outward from a bright point. Center text reads: "Fundraise with us! Celebrating 1 Trillion Webpages Archived."
2497160
Reposted by Accessabilly
Steve Faulkner @stevefaulkner.eurosky.social · 06/10/2025
👁️‍🗨️ WCAG’s Longevity by Eric Eggert "There are several reasons why WCAG 2 is such a long-living standard. The main reasons, in my opinion, are the very solid foundation it is built on, the accumulation of experience with the standard in practice" #WCAG #a11y #standards yatil.net/blog/wcags-l...
yatil.net
WCAG’s Longevity · Eric Eggert
It’s no secret: I like the Web Content Accessibility Guidelines. Not only do they give us the four base principles of accessibility …
001
Reposted by Accessabilly
Steve Faulkner @stevefaulkner.eurosky.social · 26/09/2025
New Shirt "for the discerning accessibility advocate and anti-fascist" #a11y #antifascist www.etsy.com/uk/listing/4...
navy blue t-shirt. Big A in red overlaying a circle, next to the A &quot;11y&quot; line below &quot;ntifa&quot;
1204
Reposted by Accessabilly
Eric Bailey @ericwbailey.website · 02/10/2025
"Again and again, accessibility as a topic in web standards is treated as simultaneously too trivial for specialists' technical opinions to be given weight, but also too difficult to get right without a specialist volunteering to tackle the tricky details." alice.boxhall.au/articles/a-t...
alice.boxhall.au
A threat model for accessibility on the web - Alice
A explanation of the primary threat to accessibility on the web, and a call to action for the web standards community
03412
Accessabilly @accessabilly.bsky.social · 02/10/2025
Shitty prompt of today: Find a video element with Cypress and Testing Library. Shitty answers of today (GPT4, GPT5): cy.findByRole('video'); Don't! De rien...
010
Reposted by Accessabilly
Piccalilli @piccalil.li · 02/10/2025
If you really do (seriously, really do) need to create a PDF, Steve has your back to help you make sure you make that PDF accessible without having to fork out for Adobe Acrobat Pro. piccalil.li/blog/a-guide...
piccalil.li
A guide to creating accessible PDFs using free tools
If you really do (seriously, really do) need to create a PDF, Steve has your back to help you make sure you make that PDF accessible without having to fork out for Adobe Acrobat Pro.
0164
Reposted by Accessabilly
Steve Faulkner @stevefaulkner.eurosky.social · 28/09/2025
👉🏽 Screen reader HTML lookup app & support tables Updated 28 September 2025 - new test and notes added #HTML #screenReaders #Webstandards tetralogical.github.io/screen-reade...
tetralogical.github.io
HTML/SR Support lookup
035
Accessabilly @accessabilly.bsky.social · 25/09/2025
Searching for an accessible third party npm library? Maybe have a first look via this 🧐: isitaccessible.dev It checks the lib for open #a11y issues and returns a score considering closed issues. 😎
isitaccessible.dev
Is it accessible?
Check if that npm package you’re about to install has accessibility issues
010
Reposted by Accessabilly
Adrian Roselli, pH0 @aardrian.bsky.social · 25/09/2025
If you have questions for any of the id24 speakers, post them with the #id24 hashtag and the moderators will throw them at the speaker(s) toward the end of their session.
021
Reposted by Accessabilly
Manuel Matuzović @matuzo.at · 25/09/2025
@inclusivedesign24.bsky.social is live! inclusivedesign24.org/2025/schedule/
inclusivedesign24.org
Inclusive Design 24 (#id24)
A free 24-hour online community event on accessibility and inclusion
076
Reposted by Accessabilly
Karl Groves @karlgroves.bsky.social · 16/09/2025
I got tired of not finding an accessible cookie banner. So, I made one: www.npmjs.com/package/@afi...
npmjs.com
@afixt/accessible-cookie-banner
A customizable, WCAG-conformant cookie consent banner with GDPR, CCPA compliance. Latest version: 1.0.0, last published: 4 minutes ago. Start using @afixt/accessible-cookie-banner in your project by r...
144
Reposted by Accessabilly
Eric Bailey @ericwbailey.website · 18/09/2025
Focus rings! Plural! I wrote for @piccalil.li about how to create a branded double ring focus effect that is dynamically generated based on the interactive element's text color. piccalil.li/blog/taking-...
piccalil.li
Taking a shot at the double focus ring problem using modern CSS
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
04611
Accessabilly @accessabilly.bsky.social · 10/07/2025
To my HTML bubble: does anybody know the exact reason, why there is no readonly on an <input type="checkbox">? 🤔 I see some usecases that would require being able to see, what was selected, but not be able to change that selection at the same time.
000