Die Regel region meldet sichtbare Inhalte, die in keinem Landmark stehen – also außerhalb von header, nav, main, footer oder einem anderen Seitenbereich. Die Lösung ist fast immer ein sauberes Seitengerüst im Template: Ein fehlendes <main> oder ein Element an der falschen Stelle erzeugt oft Hunderte Meldungen auf einmal.
Was die Regel bedeutet
Landmarks teilen eine Seite in benannte Bereiche. HTML liefert sie mit: <header> (Banner), <nav>, <main>, <aside>, <footer> (Seiteninformation) sowie <section> und <form>, sobald sie einen zugänglichen Namen haben. Die Regel verlangt, dass jeder sichtbare Inhalt in einem dieser Bereiche steht.
Nicht gemeldet werden Skip-Links, Inhalte in iframes (die prüft axe separat), Buttons, Dialoge (<dialog>, role="dialog"/"alertdialog") und Live-Regionen wie role="status" oder aria-live="polite".
Wichtig: Das ist eine Best Practice, kein eigener WCAG-Verstoß. Sie unterstützt aber zwei Kriterien – 1.3.1 Info und Beziehungen, weil die Struktur maschinenlesbar wird, und 2.4.1 Blöcke umgehen, weil Landmarks eine Möglichkeit sind, Wiederholtes zu überspringen.
Wen es betrifft
Vor allem blinde Menschen, die mit einem Screenreader arbeiten. Sie springen per Taste von Bereich zu Bereich – in NVDA mit D, in VoiceOver über den Rotor. Was außerhalb der Landmarks steht, wird dabei übersprungen und leicht übersehen. Auch Nutzende von Browser-Erweiterungen zur Landmark-Navigation und von Sprachsteuerung profitieren von klaren Bereichen.
Warum die Prüfung anschlägt
- Kein
<main>: Der Hauptinhalt steht in<div id="content">. - Elemente neben dem Header: Service-Navigation, Sprachumschalter oder Social-Links stehen direkt im
<body>. - Copyright-Zeile oder Siegel unterhalb des
<footer>. - Cookie-Banner oder Chat-Widgets, die ein Drittanbieter-Skript ans Ende des
<body>hängt, ohne Dialog-Rolle. - Seitenbaukästen, die Abschnitte als nackte
<div>s ausgeben.
So beheben Sie es
Legen Sie das Gerüst im Seiten-Template an, nicht pro Seite. Das behebt die Meldungen auf allen Seiten gleichzeitig.
<!-- Vorher: Service-Links, Inhalt und Copyright ohne Landmark -->
<body>
<div class="logo">Beispiel GmbH</div>
<p class="service-nav"><a href="/hilfe/">Hilfe</a></p>
<div id="content"><h1>Unsere Produkte</h1></div>
<div class="copyright">© 2026 Beispiel GmbH</div>
</body><!-- Nachher: jeder Inhalt in einem Landmark -->
<body>
<a class="skip-link" href="#inhalt">Zum Inhalt springen</a>
<header>
<div class="logo">Beispiel GmbH</div>
<nav aria-label="Service"><a href="/hilfe/">Hilfe</a></nav>
</header>
<main id="inhalt"><h1>Unsere Produkte</h1></main>
<footer><p>© 2026 Beispiel GmbH</p></footer>
</body>Dazu drei Faustregeln:
- Genau ein
<main>pro Seite. - Mehrere Navigationen benennen (
aria-label="Hauptmenü","Service"), damit man sie unterscheiden kann. - Nicht übertreiben: Nicht jeder Abschnitt braucht ein Landmark. Zu viele Bereiche machen die Liste im Screenreader unübersichtlich.
Für Banner von Drittanbietern: als echten Dialog (<dialog> oder role="dialog" mit Namen) einbinden lassen oder in einem Landmark platzieren.
So prüfen Sie es von Hand
- Öffnen Sie in NVDA mit Einfügen + F7 die Elementliste und wählen Sie „Orientierungspunkte“. In VoiceOver öffnen Sie den Rotor mit VO + U. Alternativ zeigt eine Browser-Erweiterung zur Landmark-Anzeige die Bereiche an.
- Prüfen Sie: Gibt es genau einen Hauptbereich? Sind gleichartige Bereiche unterschiedlich benannt?
- Gehen Sie die sichtbare Seite durch: Gehört jeder Inhalt erkennbar zu einem Bereich?
- Die Regel prüft nur, ob Inhalte in Landmarks stehen – nicht, ob sie im richtigen stehen. Eine Navigation im
<footer>-Landmark besteht die Regel, verwirrt aber trotzdem.
Zugehöriges WCAG-Kriterium
Keines direkt – region ist eine Best Practice. Sachlich gehört sie zu 1.3.1 Info und Beziehungen und 2.4.1 Blöcke umgehen. Für 2.4.1 genügt in der Regel auch ein funktionierender Skip-Link.
So meldet Reviseberg diese Regel
Reviseberg führt region auf jeder gecrawlten Seite aus. Weil jedes Element außerhalb eines Landmarks einzeln zählt, sieht man oft Hunderte Vorkommen auf fast allen Seiten. Die Ursache ist dann meist ein einziges Template. In der Befundliste steht die Regel als Best Practice mit Schweregrad, der Zahl der Elemente und Seiten und den Punkten, die ein Fix zurückbringt; sie zählt nie gegen ein WCAG-Kriterium und erscheint in keinem Konformitätsbericht. Im Detail sehen Sie Selektor und HTML-Ausschnitt jedes Vorkommens und alle betroffenen Seiten. Mit Begründung können Sie einen Befund als „ignorieren“ oder „Fehlalarm“ markieren, etwa bei einem Widget, das Sie nicht ändern können.