1.3.1 Info und Beziehungen
Informationen, Struktur und Beziehungen, die über die Darstellung vermittelt werden, können durch Software bestimmt werden oder stehen in Textform zur Verfügung.
Alle Informationen, Strukturen und Beziehungen müssen maschinenlesbar sein (zum Beispiel durch korrekte HTML-Elemente oder ARIA-Rollen) oder in lesbarem Text vorliegen, damit Assistive Technologien sie zuverlässig erkennen können.
Zum Beispiel müssen Überschriften wirklich als <h1>–<h6> ausgezeichnet sein, Listen als <ul>/<ol> mit <li>, Tabellen mit <th> und <td> und Formularfelder über <label for="…"> mit ihren Eingabefeldern verknüpft werden. Damit können Screenreader und andere Hilfstechnologien die Hierarchie, Gruppen und Beziehungen zuverlässig wiedergeben.
Empfehlungen
- Semantik nutzt HTML-Elemente zur sinnhaften Auszeichnung von Webinhalten. Das ist wichtig bei der Umsetzung barrierefreier Websites.
- Überschriftenhierarchie von h1 bis h6 definiert die inhaltliche Struktur von Webseiten und schafft durch korrekte HTML-Gliederung Barrierefreiheit.
- Unsichtbare Baumstruktur parallel zum DOM, die Screenreadern und assistiven Technologien ermöglicht, Inhalte leichter zugänglich zu machen.