A11y

An introduction to high contrast mode on Windows and the limitations, challenges and opportunities it presents to web developers.

CSS Custom Properties can be used for far more than just color, and their values update in realtime, both via display mode updates and JavaScript logic. This is powerful stuff. Eric explains how modern CSS is a powerful piece of assistive technology that can thread into it to create flexible, maintainable and adaptive digital experiences.

Low resolution screen shots combined to show the same page as seen using Windows High Contrast Mode and macOS Invert Colors settings. There are different ways to make a web page more easy to read, but there are two options that come directly from the operating system that many developers…

Farbsehschwächen und Farbenblindheit betreffen jeden 12. Mann und jede 200. Frau. Mehr zu Hintergründen, Probleme für Betroffene und Lösungsmöglichkeiten.

The slides for my talk are available as a

Using a screen reader on mobile is challenging because users must access information sequentially and they cannot easily scan page content. Screen-reader users do not consider accessibility menus helpful.

Espresso is Android's UI testing library that allows for simple and concise test creation. Even...

Three years ago we announced our work on the ARIA-AT program to develop an interoperability testing system for assistive technologies, starting with screen readers. Last year we completed a redesign of the ARIA Practices Giude (APG), which web developers use for guidance on making accessible websites and apps. We’ve been hard at work along the way to build a testing system and collect results on screen reader web rendering interoperability. Today we’re announcing that the first round of test results from ARIA-AT are available and embedded on the APG so web developers can read about screen reader support for various ARIA features.

The open web's success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zooming

When many devs, testers, and authors first start listening to content through a screen reader, they are surprised to hear dates, pricing, names, abbreviations, acronyms, etc. announced differently than they expect. With the best of intentions (or branding panic) they may seek to force screen readers to announce content as…

We must make more progress for web accessibility. We need to fix the top issue and concentrate on addressing them where it makes most sense. In the end, the promise of an accessible web must be kept.

HTML Accessibility API Mappings (HTML-AAM) defines how user agents map HTML [HTML] elements and attributes to platform accessibility application programming interfaces (APIs). It leverages and extends the Core Accessibility API Mappings 1.2 and the Accessible Name and Description Computation 1.1 for use with the HTML host language. Documenting these mappings promotes interoperable exposure of roles, states, properties, and events implemented by accessibility APIs and helps to ensure that this information appears in a manner consistent with author intent.

Looking for a free quick guide, a "cheat sheet" or a "one pager" for screen reader testing? You've come to the right place! There it…

Several eBay teams worked together to create a plug-in that makes it easy to include accessibility in a design right from the start.

The name of this page is a play on the CSS-Tricks name. My site generally is full of accessibility “tricks”, but this page specifically collects a few other places where I have left accessibility tricks behind. CSS-Tricks Following are links to posts at CSS-Tricks where I (mostly) left comments. Some…

An accessible product can be daunting to build as there’s so much nuance and technical depth to consider. In this article, Daniel Yuschick demonstrates three keys for approaching and developing accessible content without leaving you lost in the weeds.

Learn how to do manual testing with a keyboard, screen reader, and zoom testing.

Learn how a screen readers be used in accessibility testing: https://www.tpgi.com/screen-readers-accessibility-testing/ Access the transcript: https://www.tp...

Carly demos JAWS on a PC and VoiceOver on an iOS device, for Global Accessibility Awareness Day (GAAD).

Screen Reader Demo for Digital Accessibility.

Web Accessibility: What is it? For whom is it important? What can you do to improve the accessibilty of your website? Read it on our blog!

Make screenreaders insert extra content, change pronunciations, or forget an element’s semantics altogether – with just a few lines of everyday CSS! Presented at axe-con 2023.

Using ARIA instead of HTML is generally fine for content, layout, structure, and other static bits of a page. A div role=”heading” aria-level=”1″ is the same as h1 as far users and accessibility APIs are concerned. It is unlikely a user will ever notice the difference unless you use both…

Josh explains WCAG Article 1.1.1Tools and info to get your website accessible and WCAG Compliant: http://OnlineADA.comUnlock the WCAG walkthroughs for level ...