Stufe ASeit WCAG 2.0
1.3.1 Info und Beziehungen
Englischer Originaltitel: Info and Relationships
Richtlinie 1.3: Anpassbar – Struktur und Bedeutung stecken im Code – nicht nur im Aussehen.
Was verlangt die Regel?
Was optisch wie eine Überschrift, Liste, Tabelle oder ein Formularfeld aussieht, muss auch im Code so ausgezeichnet sein. Nur so erkennen Hilfsmittel die Struktur.
So machst du es richtig
Nutze echte HTML-Elemente: <h1>–<h6>, <ul>, <table> mit <th>, <label for="…">. Kein fett gesetztes <div> als Überschrift.
Wem hilft das besonders?
- Blinde Menschen
- Menschen mit kognitiven Einschränkungen
Offizieller Wortlaut
Diese Seite erklärt die Regel in einfachen Worten. Verbindlich ist nur der englische Originaltext des W3C.
- „Understanding Info and Relationships“ beim W3C (externe Seite, Englisch)
- Techniken in der WCAG Quick Reference (externe Seite, Englisch)