Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

Tastaturbedienung mit <span> und onclick veröffentlicht in 2013

Hinweise zu WAI-ARIA

Das einfache Beispiel mit einem Link zeigt, was generell berücksichtigt werden muss, um die Tastaturbedienung und somit auch die Barrierefreiheit zu gewährleisten. Gerade die Tastaturbedienung wird in vielen komplexen Anwendungen oft vernachlässigt. Gleiches gilt dann auch für die Semantik, die zusätzlich für Screenreader notwendig ist.

WAI-ARIA bietet für beide Themen (Tastaturbedienung und Semantik) eine ganze Reihe von Möglichkeiten, Widgets und andere Komponenten des User Interface besser zugänglich zu machen. Anders formuliert: Ohne WAI-ARIA ist es nicht möglich, viele komplexe Komponenten überhaupt zugänglich, geschweige denn barrierefrei zu machen.

Gleichzeitig muss auf zwei Aspekte hingewiesen werden:

WAI-ARIA sollte nur dort eingesetzt werden, wo es Probleme der Zugänglichkeit gibt. Das Gießkannenprinzip ist in den meisten Fällen schädlich oder führt zu einer "semantischen Überdosis" für Screenreader-Nutzer. Nur wenn mit HTML die erforderliche Tastaturbedienbarkeit oder Semantik nicht eingebaut werden kann, sollte der Einsatz von WAI-ARIA erwogen werden. Dennoch: Mit WAI-ARIA wird die semantische Lücke zwischen HTML und JavaScript-basierten Komponenten geschlossen.