Das ergänzende Landmark oder <aside> muss auf der obersten Ebene sein

Casandra Visser

Autor

Yotam Flohr

Forscher

Ritvik Shrivastava

Experte

Juli 29, 2024

Betroffene Behinderungen: Blind Hören Mobilität

Standards: WCAG 2.2 Level A

Laut Web-Accessibility-Standards muss das ergänzende Landmark (role=”complementary”) oder das <aside>-Element direkt auf der obersten Ebene der Seite stehen.

Warum es wichtig ist

Ergänzende Inhalte bieten zusätzliche Informationen zu einem Dokument oder einer Seite. Screenreader-Benutzer können diese Inhalte gezielt überspringen, wenn sie auf der obersten Ebene der Accessibility-API erscheinen.

Ist ein <aside>-Element in ein anderes Landmark verschachtelt, kann das die Funktionalität von Screenreadern beeinträchtigen.

Behebung des Problems

<aside>-Elemente oder Elemente mit role=”complementary” dürfen nicht innerhalb eines anderen ARIA-Landmarks stehen. Verschachtelte Landmarks erschweren die Navigation und erzeugen eine unklare Seitenstruktur.

Gutes Codebeispiel

Codebeispiel

<main><p>Einige Texte</p></main>
<aside>Ein Seitenhinweis</aside>

Kopieren

Schlechtes Codebeispiel

Codebeispiel

<main>
<p>Einige Texte</p>
<aside><p>Ein Seitenhinweis</p></aside>
</main>

Kopieren