A11y

We look at some of the things you have to think about when creating content to work well with screen readers.

This is something I've been seeing a lot lately, and it's got to …

In order for a screen reader to present a spoken UI to the user, meaningful elements must have proper labels or text alternatives. A label or text alternative gives an element its accessible name, one of the key properties for expressing element semantics in the accessibility tree.

Home of the Chromium Open Source Project

Do you add a descriptive title attribute to your links? Did you know that you might be making your site even less accessible?

Documenting everything through the journey of learning web accessibility.

David MacDonald, CanAdapt offers WCAG Training, What happens when aria-label, aria-labelledby and aria-describedby are on static HTML elements? For accessbility, testing, teaching, and discussion, WCAG accessibility audits and accommodation of employees with disabilities.

if voiceover does it is another matter. just pointing out that it's not "almost any type" on all situations. or you need to qualify your statement as "in VoiceOver..." ;)— patrick h. lauke #toryScum (@patrick_h_lauke) September 16, 2018

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.

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…

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.

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.

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

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.