ÜBERBLICK
Umsetzbarkeit:
- Komplexität:Einfach
- Dauer:Schnell
Wichtig für Rolle:
Entwicklung, Redaktion
Worum geht's?
Überschriften geben Websites eine visuelle Struktur und vermitteln dadurch Sinn. Fette und große Texte zeigen visuell, dass dieser Text wichtig ist. Außerdem teilen Sie die Webseite in Bereiche auf und vermitteln, dass Inhalte oder Texte, die darunter zu sehen sind, zu dieser Überschrift gehören.
Damit diese Informationen auch nicht-visuell verstanden werden, muss die Überschrift auch semantisch als Überschrift ausgezeichnet sein.
Umsetzung
Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.
Überschriften richtig auszeichnen
Alle großen und fetten Texte, die als Überschriften dienen, müssen also auch einen HTML-Tag (h1 bis h6) haben.
Falls es nicht möglich ist, HTML-Tags zu verwenden, kann als Ersatz ein
role="heading"mit dem korrektenaria-level-Attribut gesetzt werden.Außerdem ist es sehr empfohlen, dass die Überschriften in einer sinnvollen Reihenfolge stehen. Es sollte zum Beispiel keine
<h3>auf eine<h2>folgen und keine<h5>.
DAs Accessbility-Center
Teste selbstständig auf digitale Barrierefreiheit!
Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!
- Alle Prüfschritte leicht erklärt
- Teile und exportiere Prüfberichte
- Teste direkt auf der Live-Webseite!
