Nicht existierende ARIA-Rolle

WCAG 4.1.2 (A) · EN 301 549 9.4.1.2

Ein Element hat role="{role}", was keine gültige Rolle ist.

Warum das zählt

Eine falsch geschriebene Rolle bewirkt nichts: Der Browser ignoriert sie, und das Element wird mit seiner ursprünglichen Semantik ausgegeben — was fast immer „gar keine Bedeutung“ heißt. Die Entwicklerin hält es für behoben, und es ist es nicht.

So wird es behoben

Korrigieren Sie den Rollennamen — oder lassen Sie ihn weg und verwenden Sie das native HTML-Element, das die richtige Rolle bereits mitbringt.

<span role="buton">Kaufen</span>

<button type="button">Kaufen</button>

Verwandte Themen

• Grafische Schaltfläche ohne Alternativtext
• Eingebetteter Rahmen ohne Titel
• Formularfelder ohne Beschriftung
• Schaltflächen ohne Namen