1.3.1 Überschriften Hierarchie
Inhaltsverzeichnis
Logische korrekte Reihenfolge
Überschriften sind semantisch korrekt, wenn auf eine H1 eine H2 folgt und keine Stufe übersprungen wird. Die H1 darf nur einmal pro Seite vorkommen. Es gibt die H1 bis zur H6.
Korrektes Beispiel
<h1>Anforderungen an Websites</h1>
<h2>Wahrnehmbar</h2>
<p>Alle User müssen in der Lage sein, die Komponenten der Informations- und Benutzerschnittstelle wahrzunehmen.</p>
<h2>Bedienbar</h2>
<p>Unabhängig davon, welches Gerät User benutzen, um auf deine Website zuzugreifen, müssen die User Interface Komponenten und die Navigation bedienbar sei.</p>
<h2>Verständlichkeit</h2>
<p>Alle User müssen in der Lage sein, die Informationen sowie die Benutzerschnittstelle zu verstehen.</p>
<h2>Robust</h2>
<p>Sowohl User als auch verschiedene User Agents (einschliesslich assistierender Technologien) müssen in der Lage sein, den Inhalt der Website zu lesen und zu verstehen.</p>Schlechtes Beispiel
<h1>Anforderungen an Websites</h1>
<h3>Wahrnehmbar</h3>
<p>Alle User müssen in der Lage sein, die Komponenten der Informations- und Benutzerschnittstelle wahrzunehmen.</p>
<h5>Bedienbar</h5>
<p>Unabhängig davon, welches Gerät User benutzen, um auf deine Website zuzugreifen, müssen die User Interface Komponenten und die Navigation bedienbar sei.</p>
<h2>Verständlichkeit</h2>
<p>Alle User müssen in der Lage sein, die Informationen sowie die Benutzerschnittstelle zu verstehen.</p>
<h4>Robust</h4>
<p>Sowohl User als auch verschiedene User Agents (einschliesslich assistierender Technologien) müssen in der Lage sein, den Inhalt der Website zu lesen und zu verstehen.</p>