# WCAG 2.2 – 1.3.1 Info und Beziehungen

- Stufe: A
- Prinzip: 1 Wahrnehmbar
- Richtlinie: 1.3 Anpassbar
- Eingeführt in: WCAG 2.0

## Was die Regel verlangt

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 das hilft

- Blinde Menschen
- Menschen mit kognitiven Einschränkungen

## Quellen

- [Diese Regel auf wcag.dehl.net](https://wcag.dehl.net/de/wcag/1-3-1/)
- [Interaktive Demo](https://wcag.dehl.net/de/demos/#alt-text)
- [Offizielle Erklärung des W3C (Englisch)](https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships)
- [Techniken (WCAG Quick Reference, Englisch)](https://www.w3.org/WAI/WCAG22/quickref/#info-and-relationships)

_Erklärung in einfacher Sprache. Verbindlich ist nur der Originaltext des W3C._