Überschriften müssen erkennbaren Text enthalten

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

Wenn eine Webseite mindestens eine Überschrift enthält, sollte diese immer sichtbaren und zugänglichen Inhalt haben.

Warum es wichtig ist

Screenreader geben Überschriften als Orientierungshilfe für Nutzer aus. Leere oder nicht zugängliche Überschriften können zu Verwirrung führen, da sie keine hilfreiche Information über die Struktur und den Inhalt der Seite vermitteln.

Überdies verbessern gut strukturierte und aussagekräftige Überschriften nicht nur die Barrierefreiheit, sondern auch die SEO einer Webseite.

Behebung des Problems

Jede Überschrift (<h1> bis <h6>) muss sichtbaren und zugänglichen Inhalt enthalten.

Der Text innerhalb der Überschrift darf nicht durch aria-hidden=”true” ausgeblendet werden.

Verwenden Sie die richtige Hierarchie der Überschriften (<h1> bis <h6>), um eine sinnvolle Seitenstruktur zu gewährleisten.

Schlechtes Codebeispiel

Codebeispiel
<h1></h1><h1 aria-hidden="true">Überschriftstext</h1> Kopieren