A11y

This document is a practical guide for developers on how to add accessibility information to HTML elements using the Accessible Rich Internet Applications specification [WAI-ARIA-1.1], which defines a way to make Web content and Web applications more accessible to people with disabilities. This document demonstrates how to use WAI-ARIA in [HTML51], which especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.

The aria-label attribute is used to define a string that labels the current element. Use it in cases where a text label is not visible on the screen. If there is visible text labeling the element, use aria-labelledby instead.

Link text replaced by `aria-label` attribute - results of screen reader compatibility testing in JAWS, NVDA and VoiceOver.

Knowbility is a nonprofit organization with the goal of improving technology access for millions of youth and adults with disabilities all over the world.

Knowbility is a nonprofit organization with the goal of improving technology access for millions of youth and adults with disabilities all over the world.

For assistive technology, such as screen readers, magnifiers, speech recognition, braille devices, etc, the name of an object, or more specifically, the "accessible name" of an object, is extremely important.

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

In this Smashing TV webinar, join us with Léonie Watson as she explores the web alongside some unexpected properties of HTML elements that have a huge impact on accessibility and performance.

Two nearly back-to-back tweets this weekend reminded me that you can use CSS filters to mess with the colors of SVGs: Solved With CSS! Colorizing SVG Backgrounds at CSS-Tricks (tweet from Chris Coyier); Filter at MDN Web Docs (tweet from MDN). Generally this technique is not something you would consider…

This document describes how user agents determine the names and descriptions of accessible objects from web content languages. This information is in turn exposed through accessibility APIs so that assistive technologies can identify these objects and present their names or descriptions to users. Documenting the algorithm through which names and descriptions are to be determined promotes interoperable exposure of these properties among different accessibility APIs and helps to ensure that this information appears in a manner consistent with author intent.

When testing websites and apps in Windows High Contrast Mode (WHCM), there are two issues I’ve come across over again and again.

Barrierefreiheit: Bankdienstleistungen müssen so funktionieren, dass sichergestellt ist, dass auch Senioren in ihrem neunten oder zehnten Lebensjahrzehnt aktiv Finanzdienstleistungen nutzen können. Warum das nicht nur wichtig, sondern auch sehr wirtschaftlich ist erklärt Vincenzo Fiore, CEO von Auriga.

The Web Content Accessibility Guidelines (WCAG) is a set a guidelines for how to make websites accessible. The second version was published in 2008, before websites were available on mobile devices in any meaningful way. A few months ago, the WCAG was updated to version 2.1, which includes a

Part 1 of this series focuses on the way screen readers read (or don't read) punctuation and typographic symbols.

Karl Groves-Sandbox

This document is a practical guide for developers on how to add accessibility information to HTML elements using the Accessible Rich Internet Applications specification [WAI-ARIA-1.1], which defines a way to make Web content and Web applications more accessible to people with disabilities. This document demonstrates how to use WAI-ARIA in [HTML51], which especially helps with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies.

Landmarks can be quite useful to people who use screen readers, as they can be used to help orient someone to, and help navigate, a properly structured websi...

Related Other posts in this accidental series: Layout as a Clue to Semantics Display: Contents Is Not a CSS Reset Tables, JSON, CSS, ARIA, RWD, TLAs… Tables, CSS Display Properties, and ARIA A Responsive Accessible Table Hey, It’s Still OK to Use Tables When I presented my talk CSS Display…

In September of 2017 Gerard K. Cohen of Unfettered Thoughts posted an article on the how VoiceOver and Safari (Webkit) (macOS and iOS) remove list element se...

Remove list styles in CSS without preventing VoiceOver from announcing them in Safari - jonathantneal/postcss-list-style-safari-fix