Element als dekorativ ausgezeichnet, tatsächlich aber interaktiv

WCAG 4.1.2 (A) · EN 301 549 9.4.1.2

Ein Element mit role="presentation" oder role="none" kann den Fokus erhalten oder hat einen Namen.

Warum das zählt

Das ist ein Widerspruch: Sie sagen dem Browser, das Element bedeute nichts, und zugleich ist es fokussierbar oder beschriftet. Browser ignorieren die Rolle in diesem Fall, das Ergebnis ist also nicht vorhersehbar.

So wird es behoben

Entscheiden Sie sich: Ist es dekorativ, nehmen Sie ihm Fokussierbarkeit und Beschriftung; ist es interaktiv, lassen Sie die presentation-Rolle weg und geben ihm die richtige.

Verwandte Themen

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