Barrierefreiheit

Prüft, ob Ihre Seite semantische HTML5-Elemente verwendet: <main> (Hauptinhalt), <nav> (Navigation), <header> (Kopfbereich), <footer> (Fußbereich), <aside> (Seiteninhalt) sowie <article> und <section>

Was wird geprüft?

Prüft, ob Ihre Seite semantische HTML5-Elemente verwendet: <main> (Hauptinhalt), <nav> (Navigation), <header> (Kopfbereich), <footer> (Fußbereich), <aside> (Seiteninhalt) sowie <article> und <section>. Auch ARIA-Landmark-Rollen (role="main", role="navigation") werden erkannt.

Warum ist das wichtig?

Screenreader nutzen semantische Elemente zur Navigation: Nutzer können direkt zur Hauptnavigation, zum Hauptinhalt oder zum Footer springen — ohne die gesamte Seite durchzulesen. Eine Seite aus reinen <div>-Elementen ohne Struktur ist für blinde Nutzer wie ein Text ohne Absätze. Das BFSG schreibt semantische Struktur für barrierefreie Websites vor.

Bewertungsskala

●3 oder mehr Landmarks

●1–2 semantische Elemente

●Keine semantischen Elemente

Ihr nächster Schritt

💡 Empfehlung

Ersetzen Sie generische <div>-Wrapper durch semantische HTML5-Elemente: <header> für den Seitenkopf, <nav> für die Navigation, <main> für den Hauptinhalt, <footer> für die Fußzeile. Moderne CMS-Themes verwenden diese Elemente meist automatisch — prüfen Sie Ihr Theme.

Möchten Sie Ihre Website analysieren?

Zum kostenlosen Audit →