Ein Dokument darf höchstens ein banner-Landmark enthalten

Laut Web-Accessibility-Standards darf jede HTML-Seite nur ein banner-Landmark haben.

Warum es wichtig ist

Das banner-Landmark kennzeichnet den Haupt-Header einer Seite und hilft Screenreader-Nutzern, schnell dorthin zu navigieren.

Wenn mehrere banner-Landmarks vorhanden sind, kann dies zu Verwirrung führen, da Nutzer nicht sofort erkennen, welches Landmark den eigentlichen Seitenkopf repräsentiert.

Landmarks ermöglichen eine effiziente Navigation, ohne das visuelle Layout der Seite zu verändern.

Behebung des Problems

Verwenden Sie role=”banner” nur einmal pro Seite.

Das ARIA-Landmark banner-Landmark sollte sich auf den Haupt-Header der Seite beziehen, nicht auf untergeordnete Sektionen oder Bereiche.

Obwohl HTML5 mehrere <header>-Elemente erlaubt, sollte role=”banner” nur für das übergeordnete Header-Element genutzt werden.