Rolle 'presentation' auf einem interaktiven Element

Silktide sucht nach interaktiven Elementen – etwa Schaltflächen, Links und Formularfeldern –, die als rein dekorativ gekennzeichnet wurden. Eine solche Kennzeichnung nimmt dem interaktiven Element seine Bedeutung für unterstützende Technologien, während es auf dem Bildschirm weiterhin anklickbar bleibt.

<!-- Problem: Die Schaltfläche funktioniert noch, wird aber als „nichts“ angesagt -->
<button role="presentation">Löschen</button>

<!-- Lösung: Rolle entfernen -->
<button>Löschen</button>

Warum das wichtig ist

Die -Rollen presentation und none signalisieren , dass ein Element keine semantische Bedeutung hat – sie dienen dazu, Semantik z. B. aus Layouttabellen zu entfernen. Werden sie auf ein interaktives Element angewendet, entsteht die schlimmste Art von Barriere: ein Steuerelement, das sehende Mausnutzer täglich anklicken, das ein jedoch als inaktiven Inhalt darstellt oder vollständig überspringt. Nutzerinnen und Nutzer haben keine Möglichkeit zu erkennen, dass überhaupt eine Schaltfläche vorhanden ist.

So beheben Sie das

Entfernen Sie role="presentation" oder role="none" vom interaktiven Element. Native Elemente bringen die korrekte Semantik bereits ohne zusätzliche Rolle mit.
Soll das Element tatsächlich nicht interaktiv sein, machen Sie es entsprechend: Ersetzen Sie es durch ein nicht interaktives Element wie <div> und entfernen Sie jegliches tabindex.
Wollten Sie die Bedeutung eines Wrappers unterdrücken (z. B. einer Layouttabelle um Steuerelemente herum), setzen Sie die Rolle auf den Wrapper, nicht auf die darin enthaltenen Steuerelemente.

So testet Silktide das

Alle Elemente auf der Seite mit role="presentation" oder role="none" finden.
Bestimmen, ob das Element interaktiv ist: eine Schaltfläche, ein Link oder ein Bereich einer Image-Map mit href, ein Formularfeld oder ein beliebiges Element, das in die Tab-Reihenfolge der Tastatur aufgenommen ist (mit tabindex 0 oder höher).
Jedes interaktive Element mit einer Präsentationsrolle melden.

Elemente, die mit einem negativen tabindex aus der Tab-Reihenfolge entfernt wurden, werden nicht gemeldet – ebenso wenig dekorative Elemente wie Bilder oder SVG‑Grafiken.

Fehlerbehebung

Ein Framework oder eine Bibliothek hat die Rolle hinzugefügt

Einige UI‑Bibliotheken setzen role="presentation" auf interne Wrapper – gelegentlich auch auf das falsche Element. Untersuchen Sie das gemeldete Element: Ist es tatsächlich per Maus bedienbar, aber für unterstützende Technologien stummgeschaltet, liegt die Korrektur in Ihrer Nutzung der Bibliothek oder in der Bibliothek selbst (Upstream).

Diese Prüfung meldet nichts, obwohl ich Ergebnisse erwarte

ARIA‑Tests können pro Website deaktiviert werden. Prüfen Sie die erweiterten Einstellungen der Website.