Zum Inhalt springen

WCAG 1.3.1 · WCAG-Modul

Heading-Hygiene & Struktur-Manager

Saubere Outline für Screenreader und Suchmaschinen — eine H1 pro Page, keine Sprünge.

Was ist das?

Was bedeutet „Heading-Hygiene & Struktur-Manager"?

Headings (<h1> bis <h6>) sind die Inhaltsverzeichnis-Struktur einer Page. Screenreader navigieren per Heading-Shortcut von Abschnitt zu Abschnitt, Suchmaschinen lesen sie als Themen-Karte. Heading-Hygiene heißt: genau eine <h1>, lückenlose Hierarchie (kein h2 → h4-Sprung), Headings beschreiben das, was folgt.

Warum wichtig?

Pflicht und Nutzen — WCAG 1.3.1.

WCAG 1.3.1 (Info and Relationships) ist Level A. Eine Page mit drei h1s oder einer h4 direkt nach h1 ist semantisch kaputt — Screenreader-Nutzer verlieren die Orientierung, SEO leidet (Google nutzt Heading-Outline für Topic-Verständnis). Plus: ein konsistenter Struktur-Manager im Backend verhindert, dass die Redaktion versehentlich Headings als „großer fetter Text" missbraucht.

Unsere Umsetzung

Wie wir es konkret lösen.

  • Pro Page genau ein <h1> (meist Page-Titel oder Hero-Headline).
  • Lückenlose Hierarchie: h1 → h2 → h3, kein Sprung von h2 direkt auf h4.
  • Struktur-Manager im Backend zeigt die Outline live während des Editierens — visuelle Validierung statt Stichproben.
  • Theme-Templates renden Headings semantisch, nicht aus Design-Gründen (kein h3 nur weil 24 px gewünscht ist — dafür gibt es CSS).
  • Linter im Pre-Publish-Hook: blockt das Veröffentlichen bei Heading-Verstoß (optional).
  • Im DigElite-Plugin live in jeder Page-Klasse: bewusste h1/h2/h3-Strategie pro Sektion.
Weitere WCAG-Module

Verwandte Bausteine unserer Modulsuite

Alle Module in der BFSG-Übersicht →

Brauchen Sie genau dieses Modul?

15 Minuten Erstgespräch — wir klären, ob es für Ihre Site relevant ist.

Erstgespräch buchen

Weiterführend:
BFSG-Übersicht ·
Leistungs-Übersicht ·
BAFA-Förderung ·
FAQs

Leichte Sprache