Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

Widgets mit Accessible Rich Internet Applications

Der Begriff "Widget" bezeichnet Bestandteile der Benutzerschnittstelle auf Webseiten, die eine Interaktion erlauben und die diskrete Zustände haben. Widgets gibt es als einfache bestandtteile (wie ein Kontrollfeld oder ein Link) bis hin zu zusammengesetzten Bestandteilen, die weitere Widgets steuern (zum Beispiel Menüs oder interaktive Tabellen).

Einige Widgets wie eine Reiternavigation oder ein Menü können mit HTML nicht abgebildet werden. In dem Fall muss das Widget mit anderen HTML-Elementen aufgebaut werden, und die Rollen und das Fokus-Management muss die Webseite bereitstellen.

Die meisten Widgets können mit HTML (und ohne ARIA) bereitgestellt werden. Für ein Kontrollfeld ist normalerweise kein ARIA erforderlich. Auch für andere Steuerelemente deuten ARIA-Attribute oft auf ein Missverständnis über den Einsatz von ARIA hin. Steuerelemente, die mit HTML umgesetzt werden können, benötigen von Autoren meist nur eine beschreibende Beschriftung (label-Element), um barrierefrei zu sein.

Dennoch werden ARIA-Attribute immer wieder auch in HTML-Widgets benötigt. Die verschiedenen Funktionsweisen von Schaltflächen können beispielsweise per CSS vermittelt werden. Es muss sichergestellt werden, dass auch Assistenztechnologien die Information erhalten, dass ein bestimmter Bestandteil der Benutzerschnittstelle eine Wechselschaltfläche oder eine erweiternde Schaltfläche ist. Hierfür können punktuell ARIA-Attribute eingesetzt werden.

Barrierefreie Widgets

Die Zugänglichkeit eines Widgets wird meist durch zwei Aspekte gekennzeichnet. Zum einen muss ein Widget per Tastatur bedienbar sein und zum anderen muss ein Widget semantisch so angereichert werden, dass es in Screenreadern und anderen Assistenztechnologien identifiziert werden kann.

Über diese Mindestanforderungen hinaus gibt es in Bezug auf die Tastaturbedienung meist einen recht großen Spielraum für eine bessere Nutzbarkeit durch die Berücksichtigung von Tastenbefehlen, die der Bedienung vergleichbarer Komponenten im Betriebssystem ähneln.

Derzeit finden Sie Erläuterungen mit Beispielen zu folgenden Widgets:

Live-Regionen

Wenn Inhalte auf einer Webseite dynamisch aktualisiert werden, ist die Zugänglichkeit in Assistenztechnologien wie Screenreadern nicht notwendigerweise gegeben. Wenn beispielsweise ein Formular ausgefüllt wird und wichtige Informationen zum erwarteten Eingabeformat oder zu Eingabefehlern in einer Statusmeldung am unteren Bildschirmrand angezeigt werden, können Webentwickler den Statusbereich als Live-Region kennzeichnen. Aktualisierungen in einer Live-Region werden dann von Browsern an Hilfsmittel übertragen. Die Webentwicklung hat darüber hinaus weitere Attribute zur Verfügung, die Umfang, Zeitpunkt und Ansteuerbarkeit der aktualisierten Inhalte erlauben.