Die Reihenfolge der Überschriften muss semantisch korrekt sein

Blind Hören Mobilität
WCAG 2.2 Level A
Von Menschen für Menschen geschrieben und recherchiert
Foto des Experten
Ritvik Shrivastava
Fachmännisch überprüft von
Kommentare: 0
Ihre gesamte Domain
Erhalten Sie detaillierte Anweisungen, wie Sie jedes Barrierefreiheitsproblem auf Ihrer Website beheben können

Überschriftselemente von <h1> bis <h6> müssen in einer sequenziell absteigenden Reihenfolge erscheinen.

Warum es wichtig ist

Überschriften werden verwendet, um die Struktur der Seite zu vermitteln. Wenn sie korrekt angewendet werden, wird die Seite für sehende und Screenreader-Benutzer wesentlich einfacher zu navigieren.

Überschriften sollten verwendet werden, um die Struktur einer Webseite zu beschreiben. Sie sollten daher kurz, klar, einzigartig sein und mit <h1> bis <h6>-Elementen in hierarchischer Reihenfolge gekennzeichnet werden.

Behebung des Problems

Stellen Sie sicher, dass alle Überschriften in einer logischen Reihenfolge platziert sind. Beispielsweise sollte auf ein <h1>-Element ein <h2>-Element folgen, nicht ein <h3>-Element. Diese Markups sollten auch nur für Text verwendet werden, der tatsächlich eine Überschrift ist.

Gutes Codebeispiel

Codebeispiel
<h1>Die Belichtung manuell an einer Kamera einstellen</h1> <p>Text hier einfügen...</p> <h2>Den ISO-Wert einstellen</h2> <p>Text hier einfügen...</p> <h2>Eine Blende wählen</h2> <p>Text hier einfügen...</p> <h2>Eine Verschlusszeit wählen</h2> <p>Text hier einfügen...</p> Kopieren