ARIA-Landmarks auf Website eingefügt

Damit in späteren Zeiten auch Menschen mit assistiver Technik meine Webseite besuchen können, habe ich mich, durch einen Hinweis von Thomas Scholz hingesetzt, und das HTML hier (hoffentlich richtig) angepasst.

HTML wird so mit Informationen erweitert, dass Screenreader und andere assistive Technik erkennen kann, um welche Bereiche einer Website es sich handelt.
So gibt es auf Webseiten und in Webanwendungen Bereiche, die als logisch als Banner, Navigation, Suche, Inhalt, Artikel bezeichnet werden können.

Wer hat diese Kennzeichnung definiert?
Die WAI, das bedeutet Web Accessibility Initiative, kümmert sich um die Standardisierung der Zugänglichkeit des Web in Bezug auf Menschen mit Einschränkungen (Behinderung, Problemen jeglicher Art) und hat die Festlegung des Standards für Accessible Rich Internet Applications (ARIA), also zugängliche (barrierearme) Webanwendungen, vor mehreren Jahren angefangen und durchgesetzt.

Warum WAI-ARIA eingesetzt werden sollte?
Das schreibt ein Artikel bei Vorsprung durch Webstandards.

Wie wird nun diese Kennzeichnung eingesetzt?
Ganz einfach. ARIA kennt sogenannte Landmarks, welche die Bereiche, den Inhalt, beschreiben.

Die wichtigsten sind:

article

bezeichnet einen Artikel

banner

bezeichnte ein Banner, das kann Werbung, Grafik oder sonstiger Inhalt sein

contentinfo

bezeichnet Informationen zum Inhalt wie beispielsweise Datum, Verfasser und ähnliches

main

bezeichnet den Hauptinhalt

search

bezeichnet eine Suchmöglichkeit für den Inhalt

navigation

bezeichnet eine Navigation

Wie wird das Ganze nun eingefügt?
Das ist auch einfach und schnell geschehen.

Das HTML-Element wird um das Attribut role erweitert, was dann beim Beispiel des Elements div so aussieht:

<div id="navioben" role="navigation">

Was passiert nun bei Browsern oder Geräten, welche diese neuen Attribute nicht kennen?
Sie werden hoffentlich meistens ignoriert. Also sollte das Hinzufügen kein Problem sein.

Es kann im Grunde genommen nicht schaden, ARIA einzusetzen, schon deshalb, um zu testen ob derzeitige assistive Technik damit klar kommt. Und der Versuch, so schon durch die Hintertür neue Technologie zu verwenden ist, auch ein interessanter Aspekt von Webentwicklung.

Auf der Website des W3C finden sich weitere ausführliche Informationen zu WAI-ARIA. Für die nichtenglischsprachigen Interessierten existiert auch ein deutscher übersetzter Artikel zum auf dev.opera erschienenen Fachartikel »Introduction to WAI ARIA« von Gez Lemon.