Barrierefreiheit
Fehlende oder ungültige ARIA-Attribute
Woran du es erkennst
Ein Element nutzt eine ARIA-Rolle, die bestimmte Attribute voraussetzt — etwa role="combobox" ohne aria-expanded —, oder verweist mit aria-controls auf eine id, die es nicht gibt.
Warum es zählt
Falsches ARIA ist oft schlimmer als gar keines: Es sagt der assistiven Technik, das Element verhalte sich wie ein bestimmtes Bedienelement, während Zustand und Verhalten nicht dazu passen. Der Nutzer wird also aktiv in die Irre geführt.
So behebst du es
- Ergänze jedes Attribut, das die gewählte Rolle laut Spezifikation verlangt — role="combobox" braucht mindestens aria-expanded und aria-controls.
- Stelle sicher, dass aria-controls, aria-labelledby und aria-describedby auf ids zeigen, die im aktuellen Dokument tatsächlich existieren.
- Halte veränderliche Zustände wie aria-expanded oder aria-selected bei jeder Änderung mit dem sichtbaren Zustand im Gleichlauf, nicht nur beim ersten Aufbau.
- Nimm lieber ein natives HTML-Element als ein selbstgebautes ARIA-Bedienelement, wo es dieselbe Bedienung mit weit geringerem Risiko liefert.