Stufe ASeit WCAG 2.0
4.1.2 Name, Rolle, Wert
Englischer Originaltitel: Name, Role, Value
Richtlinie 4.1: Kompatibel – Bedienelemente geben Name, Rolle und Zustand an Hilfsmittel weiter.
Was verlangt die Regel?
Jedes Bedienelement teilt Hilfsmitteln mit, wie es heißt (Name), was es ist (Rolle) und in welchem Zustand es ist (Wert) – zum Beispiel „Menü, Schalter, ausgeklappt“.
So machst du es richtig
Nimm zuerst natives HTML: <button>, <input type="checkbox">. Bei eigenen Komponenten ergänze ARIA korrekt, etwa aria-expanded="true".
Wem hilft das besonders?
- Blinde Menschen
- Menschen, die per Sprache steuern
- Menschen mit motorischen Einschränkungen
Offizieller Wortlaut
Diese Seite erklärt die Regel in einfachen Worten. Verbindlich ist nur der englische Originaltext des W3C.
- „Understanding Name, Role, Value“ beim W3C (externe Seite, Englisch)
- Techniken in der WCAG Quick Reference (externe Seite, Englisch)