Der ARIA Authoring Practices Guide (kurz APG) ist eine Sammlung erprobter Muster des W3C für barrierefreie Bedienelemente. Während WAI-ARIA nur definiert, welche Rollen, Zustände und Eigenschaften es gibt, zeigt der APG, wie man sie richtig kombiniert – inklusive Tastaturbedienung und funktionierendem Beispielcode.
Was im APG steht
- Patterns: fertige Muster für Akkordeon, Tabs, Modal-Dialog, Combobox, Menü, Karussell und weitere Widgets.
- Practices: Grundlagen wie Landmarks, Accessible Name und Beschreibungen, Fokus-Verwaltung und Tastatur-Interaktion.
- Zu jedem Muster: die erwarteten Tastaturbefehle, die nötigen ARIA-Attribute und ein lauffähiges Beispiel.
Anleitung, kein Prüfmaßstab
Der APG ist nicht bindend. Er ist kein Standard, und niemand prüft dich gegen den APG – geprüft wird die WCAG. Es gilt auch weiterhin die erste ARIA-Regel: Wenn ein natives HTML-Element die Aufgabe erfüllt, nimm das native Element statt ARIA. Der APG ist für die Fälle da, in denen semantisches HTML allein nicht reicht.
Warum der APG für dich zählt
Die meisten Barrierefreiheitsfehler moderner Websites stecken genau in diesen Komponenten: ein Menü, das sich nicht per Tastatur schließen lässt, ein Modal, aus dem der Fokus wegläuft, ein Akkordeon ohne Zustandsangabe. Wer sich beim Bauen an den APG hält, erfüllt die passenden Erfolgskriterien fast nebenbei. Ich nutze ihn in der barrierefreien Webentwicklung als Referenz, bevor ich eine Komponente selbst erfinde.