Accessible Rich Internet Applications
WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) ist eine Initiative zur Verbesserung von Webseiten und Webanwendungen, um sie für Menschen mit Behinderungen besser zugänglich zu machen, insbesondere für blinde Anwender, die Vorleseprogramme verwenden.
ARIA ist eine technische Spezifikation, die von Mitgliedern der Web Accessibility Initiative entwickelt wurde. Seit März 2014 ist ARIA ein empfohlener Webstandard des World Wide Web Consortium (W3C).[1]
Konzept und Funktionsweise
ARIA verwendet die Techniken JavaScript und Ajax. ARIA ist eine rein semantische Erweiterung für HTML, die das Layout einer Webseite nicht verändert. Die Barrierefreiheit dynamischer Seiten wie im Web 2.0 mit seinen Rich Internet Applications und die allgemeine Benutzerfreundlichkeit können so verbessert werden.
ARIA ermöglicht Webseiten (oder Teilen einer Seite), sich als Anwendungen zu bezeichnen anstatt als statische Seiten. Dazu werden in dynamischen Webanwendungen Informationen zu Rollen, Eigenschaften und Zuständen hinzugefügt. ARIA ist zur Benutzung durch Entwickler von Webanwendungen, Browsern, assistiven Technologien und Programmen zur Verifizierung von Barrierefreiheit vorgesehen.
WAI-ARIA besteht aus vier Komponenten:
- Landmark Roles
- erlauben die semantische Zuweisung einer Rolle zu HTML-Konstrukten. Dadurch kann für Screenreader die Aufgabe eines Oberflächenelements kenntlich gemacht werden, die sich aus den HTML-Elementen selbst nicht erschließt. Beispiele sind Slider (Schieberegler) oder Bäume. Für einige dieser Rollen gibt es seit HTML 5 auch dezidierte HTML-Elemente.
- ARIA-Attribute
- ARIA definiert einige zusätzliche Attribute wie
aria-required
oderaria-invalid
, die sich für alle HTML-Elemente verwenden lassen. Sie lassen sich beispielsweise dafür verwenden, den Inhalt eines Eingabefeldes als ungültig zu markieren, etwa wenn in einer E-Mail-Adresse kein @-Zeichen vorkommt oder zwei Eingaben eines Kennworts (zur Bestätigung) nicht übereinstimmen.[2] - Live Regions
- sind Teile einer Seite, die sich in unregelmäßigen Abständen aktualisieren. Diese Veränderungen können bei implementiertem ARIA von Screenreadern automatisch erkannt und gesprochen werden.
- States und Properties
- werden für richtige JavaScript-Widgets verwendet (wie beispielsweise einer aus
div
-Elementen bestehenden Liste von Optionen), um semantisch bedeutsame Eigenschaften des jeweils aktuellen Zustands auszuzeichnen. Beispielsweise muss die Tastaturnavigation inklusive der Hervorhebung des gerade aktiven Elements bei eigenen JavaScript-Widgets selbst implementiert werden. Damit die Information, welches Element gerade aktiv ist, nicht nur optisch durch Hervorhebung, sondern etwa auch Navigationshilfen für Sehbehinderte zur Verfügung steht, kann mitactivedescendant
das aktuell fokussierte Element ausgewiesen werden. ARIA stellt als semantische Erweiterung einen Standard für die Auszeichnung solcher Informationen zur Verfügung.
Weblinks
- W3C-Überblick zu WAI ARIA (englisch)
- Aaron Leventhal: Barrierefreie Web 2.0 Anwendungen mit WAI ARIA (Memento vom 16. April 2014 im Internet Archive) auf der Website barrierekompass.de, anatom5 perception marketing GmbH, 30. Juli 2007 (deutschsprachige Übersetzung)
- Gez Lemon: Einführung in WAI ARIA auf der Website hessendscher.de, 1. August 2008 (deutschsprachige Übersetzung vom 27. Februar 2009 von Stefan Walter)
- Marco Zehe: Marco's Accessibility Blog. Category: ARIA (Memento vom 1. Dezember 2017 im Internet Archive) auf der Website marcozehe.de (englisch)
- Blog posts in the category: WAI-ARIA (Memento vom 1. September 2015 im Internet Archive) auf der Website paciellogroup.com (englisch)
Einzelnachweise
- Accessible Rich Internet Applications (WAI-ARIA) 1.0 auf der Website des World Wide Web Consortium, abgerufen am 14. Juni 2014
- Marco Zehe: Einfaches ARIA Tip #2: aria-invalid und role „alert“ (Memento vom 17. März 2017 im Internet Archive) auf der Website zehe-edv.de, 19. Juli 2008