ARIA-Leitfäden

Accessible Rich Internet Applications (ARIA) definieren Möglichkeiten, das Web für Menschen mit Behinderungen zugänglicher zu machen. Diese Seite listet die Leitfäden auf, die Sie verwenden können, um die Zugänglichkeit von Webseiten-Funktionen wie Tabellen, Formularen und Tastaturnavigation zu verbessern.

ARIA live regions

Mit JavaScript ist es möglich, Teile einer Seite dynamisch zu ändern, ohne dass die gesamte Seite neu geladen werden muss – zum Beispiel, um eine Liste mit Suchergebnissen sofort zu aktualisieren oder einen diskreten Alarm oder eine Benachrichtigung anzuzeigen, die keine Interaktion des Benutzers erfordert. Während diese Änderungen für Benutzer, die die Seite sehen können, in der Regel visuell deutlich erkennbar sind, sind sie möglicherweise nicht offensichtlich für Benutzer von unterstützenden Technologien. ARIA-live-Bereiche schließen diese Lücke und bieten eine Möglichkeit, dynamische Inhaltsänderungen programmatisch auf eine Weise offenzulegen, die von unterstützenden Technologien angesagt werden kann.

ARIA Screen Reader Implementors Guide

Dies ist nur ein Leitfaden. Das Markup für Live-Bereiche ist ein komplexes Thema, das in gewisser Weise offen für Interpretationen ist. Das Folgende soll Implementierungsrichtlinien bieten, die dem Bedürfnis von Entwicklern von Bildschirmlesegeräten nach verschiedenen Ansätzen Rechnung tragen. Die Absicht ist, ein Gleichgewicht zwischen der Bereitstellung nützlicher Anleitungen zur Verwendung der beabsichtigten Bedeutung des Markups und der Unterstützung von Live-Bereichen als Bereich für Innovation und Wettbewerb von Bildschirmlesegeräten zu finden.

Mehrteilige Bezeichnungen: Verwenden von ARIA für Bezeichnungen mit eingebetteten Feldern

Sie haben ein Formular, in dem Sie Ihrem Benutzer eine Frage stellen, deren Antwort in der Frage selbst enthalten ist. Ein klassisches Beispiel, das wir alle aus unseren Browser-Einstellungen kennen, ist die Einstellung "Verlauf nach x Tagen löschen". "Verlauf löschen nach" steht links vom Textfeld, x ist die Zahl, zum Beispiel 21, und das Wort "Tage" folgt dem Textfeld, wodurch ein Satz entsteht, der leicht zu verstehen ist.

Verwendung von ARIA: Rollen, Zustände und Eigenschaften

ARIA definiert Semantiken, die auf Elemente angewendet werden können, wobei diese in Rollen (die eine Art von Benutzeroberflächenelement definieren) sowie Zustände und Eigenschaften unterteilt sind, die von einer Rolle unterstützt werden. Autoren müssen einem Element während seines Lebenszyklus eine ARIA-Rolle und die entsprechenden Zustände und Eigenschaften zuweisen, es sei denn, das Element hat bereits die entsprechenden ARIA-Semantiken (durch die Verwendung eines geeigneten HTML-Elements). Das Hinzufügen von ARIA-Semantiken stellt nur zusätzliche Informationen für die Barrierefreiheits-API eines Browsers zur Verfügung und beeinflusst nicht das DOM einer Seite.