Elemente mit role=presentation oder role=none dürfen keine globalen ARIA-Attribute oder tabindex besitzen

Elemente, die aus dem Barrierefreiheitsbaum entfernt werden sollen, müssen tatsächlich entfernt sein.

Warum es wichtig ist

In manchen Fällen wird die semantische Rolle eines Elements trotz role=”none” oder role=”presentation” nicht korrekt aufgelöst.

Wenn dies geschieht, bleibt das Element für Screenreader sichtbar, obwohl es ignoriert werden sollte.

Behebung des Problems

Entfernen Sie alle globalen ARIA-Attribute von Elementen mit role=”none” oder role=”presentation”. Stellen Sie sicher, dass diese Elemente nicht fokussierbar sind – sie dürfen kein tabindex-Attribut haben.

Gutes Codebeispiel

Schlechtes Codebeispiel

Testfälle

Weitere Beispiele finden Sie in der ATC-Regelbibliothek von W3C auf GitHub.