Accessabilly

@accessabilly.bsky.social

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. https://accessabilly.com/ Alt text for profile picture: Sunrise view up the river Rhine.

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...

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."

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.

developer.mozilla.org

🚨 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...

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...

socket.dev

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.

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. 🫶🏻

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.

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);
  }
}

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. 👇

deconspray@deconspray.bsky.social · 10mo ago

“I completed an IT degree. What’s accessibility?” Powerful reflection from Serene Mishteler on why accessibility still isn’t part of most tech education & why that needs to change. intopia.digital/articles/i-c... #DigitalAccessibility #InclusiveDesign #A11y #TechEducation #UX #WebAccessibility