ARIA-Komponenten und -Muster

Mit ARIA können Sie auf Webseiten noch mehr Komponenten erstellen. Mit HTML, JavaScript und CSS können wir Formulare, Schaltflächen und Links erstellen. Aber wir können keine modalen Dialoge, Fortschrittsmesser, Tooltips, Baumansichten, Komboboxen und Warnungen erstellen. Dabei ist es schwierig, die Rollen und Eigenschaften dieser Komponenten zu kommunizieren. ARIA ermöglicht es uns, zusätzliche Rollen und Eigenschaften für unsere Komponenten zu erstellen. Außerdem bietet es einen standardisierten Rahmen für Interaktionsmodelle, insbesondere für die Nutzung mit der Tastatur.

Die Web Accessibility Initiative des W3C hat einen Leitfaden für die Erstellung von ARIA-Komponenten veröffentlicht. Wenn Sie einen modalen Dialog erstellen müssen, öffnen Sie dieses Muster, lesen Sie darüber, sehen Sie sich die Funktionsbeispiele an und achten Sie genau auf die Richtlinien. Es ist eine Art Rezeptbuch für gute ARIA-Komponenten, die für alle zugänglich sind.

Wenn du das Muster liest und denkst, dass du es besser machen kannst, kannst du dein eigenes Muster erstellen. Vielleicht für die Zugänglichkeit der Tastatur. Technisch ist das möglich, aber wahrscheinlich nicht besser. Oder anders gesagt: Es kann zwar besser sein, aber es wird anders sein als das bekannte Muster. Die Nutzer werden sich also wahrscheinlich nicht zurechtfinden. Auch wenn es technisch zugänglich ist, denken die Leute vielleicht, dass es das nicht ist.

Was ist, wenn Sie nicht alle ARIA-Muster verwenden?

Ist das genug? Nein, das ist sogar schlimmer.

Wenn Sie ARIA nur teilweise umsetzen, ist das keine gute Lösung. Nehmen Sie die Aufgabe ernst und setzen Sie ARIA als Ganzes um. Das ist die Abmachung, die Sie treffen, wenn Sie mit ARIA beginnen.