Accessible Rich Internet Applications

aus Wikipedia, der freien Enzyklopädie
(Weitergeleitet von WAI-ARIA)
Wechseln zu: Navigation, Suche

WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) ist eine Initiative zur Verbesserung von Webseiten und Webanwendungen, um sie für behinderte Menschen 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. Seit März 2014 ist ARIA ein empfohlener Webstandard des World Wide Web Consortiums (W3C).[1]

Konzept und Funktionsweise[Bearbeiten]

ARIA verwendet die Techniken JavaScript und Ajax. ARIA ist eine rein semantische Erweiterung für HTML, die das Layout von Webseiten 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 es 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.

Die vier Säulen von WAI ARIA:

Landmark Roles
erlauben die semantische Zuweisung einer Rolle bei HTML-Konstrukten. Hiermit können Elemente, die es in HTML so eigentlich nicht gibt, für Screenreader kenntlich gemacht werden. Beispiele sind Slider, Tree Views usw.
ARIA Attribute
Einfache ARIA Attribute wie aria-required oder aria-invalid lassen sich für alle HTML-Elemente verwenden und können beispielsweise dafür genutzt werden, den Inhalt eines Eingabefeldes als ungültig zu markieren, wenn z. B. in einer E-Mail-Adresse kein @-Zeichen vorkommt, ein zweimal eingegebenes Kennwort nicht übereinstimmt.[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 bei einer aus divs bestehenden Liste mit Optionen). Activedescendant wird z. B. benutzt, um das jeweils fokussierte Element auszuweisen, so dass in einem Popup-Menü, einer Liste usw. immer das aktive Element verfolgt werden kann. Die Tastaturnavigation muss bei eigenen JavaScript-Widgets selbst implementiert werden. ARIA ist nur eine semantische Erweiterung, die Informationen zur Verfügung stellt, selbst aber keine weiteren funktionalen Erweiterungen ermöglicht. Wenn jemand also z. B. in einer mit Divs aufgebauten Liste mit den Pfeiltasten navigieren will, muss er dies selbst implementieren und mit ARIA dann immer das fokussierte Element mitteilen.

Siehe auch[Bearbeiten]

Weblinks[Bearbeiten]

Einzelnachweise[Bearbeiten]

  1. http://www.w3.org/TR/2014/REC-wai-aria-20140320/ abgerufen am 14. Juni 2014
  2. über aria-invalid und role alerts, Marco Zehe