ARIA

Accessibility of web content requires semantic information about widgets, structures, and behaviors, in order to allow assistive technologies to convey appropriate information to persons with disabilities. This specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications. These semantics are designed to allow an author to properly convey user interface behaviors and structural information to assistive technologies in document-level markup. T...

The Web Accessibility Initiative's Accessible Rich Internet Applications Suite (WAI-ARIA, or just ARIA) is a set of tools and guidelines for making web content and applications more accessible. Most notably, it includes a suite of attributes we can add to HTML elements to embed in them more semantic information that

Accessible Rich Internet Applications (ARIA) ermöglichen Webentwicklern Webinhalte und Web-Applikationen (insbesondere solche mit Ajax und JavaScript) besser zugänglich für Menschen mit Behinderungen und anderen Einschränkungen zu machen. Zum Beispiel lassen sich mit ARIA Navigations-Landmarken, JavaScript-Widgets, Formular-Hinweise und Fehlermeldungen hinzufügen und Live-Content-Aktualisierungen barrierefrei gestalten.

Das role-Attribut bietet viele Möglichkeiten für die barrierefreie Webgestaltung. Jan Eric Hellbusch (@2bweb) mit einem Einstieg in die Accessible Rich Internet Applications (ARIA).

The Tenon.io blog

HTML bietet sieben Elemente, die als Seitenregion dienen. Mit Seitenregionen kann Screenreader-Nutzern eine effiziente Tastaturbedienung innerhalb von Webseiten geboten werden.

Mit ARIA kann eine Webanwendung für Screenreader semantisch angereichert werden. Über die Semantik hinaus sind Tastaturbedienung, Beschriftung und letztlich das testen genauso zu berücksichtigen.

In dealing with role="presentation" and aria-hidden="true" you may find that they both have deceptively similar functions when it relates to how they interact with assistive technology (screen readers). Before we dig into the difference between these two attributes we first need to learn a little bit about how accessibility in a Web browser works and…

This article has by no means covered all that's available in WAI-ARIA, but it should have given you enough information to understand how to use it, and know some of the most common patterns you will encounter that require it.

What do you do when your HTML doesn't communicate the appropriate semantics to screen readers? You use the roles, states, and properties of WAI-ARIA.

Karl Groves-Sandbox