Zum Inhalt springen
A11ySignal
Stufe AWCAG 2.0WCAG 2.1WCAG 2.2EN 301 549 § 9.1.3.2

1.3.2
Bedeutungstragende Reihenfolge

Die Reihenfolge, in der Inhalt gelesen wird, muss Sinn ergeben.

Was die Norm sagt

Wenn die Reihenfolge, in der Inhalte präsentiert werden, deren Bedeutung beeinflusst, kann eine korrekte Lesereihenfolge programmatisch ermittelt werden.

Warum das zählt

CSS kann alles überallhin setzen. Screenreader und Tastatur folgen dem DOM — eine optisch sinnvolle Seite kann in der Quellreihenfolge Unsinn sein.

Wie ein Fehlschlag aussieht

  • fällt durchEine Seitenleiste, die im DOM zuerst steht und vor dem Artikel vorgelesen wird.
  • fällt durchCSS Grid oder Flexbox `order`, um Inhalt optisch umzusortieren.
  • fällt durchEin Modal, das ans Ende des `body` gehängt, aber über der Seitenmitte gezeigt wird.

So beheben Sie es

  • tunSchreiben Sie das DOM in Lesereihenfolge und positionieren Sie dann mit CSS — nicht umgekehrt.
  • tunHeben Sie sich `order` und `row-reverse` für Fälle auf, in denen die Bedeutung nicht an der Reihenfolge hängt.

Wie A11ySignal es prüft

manuell

Keine automatische Regel kann über dieses Kriterium urteilen, und wir tun nicht so, als wäre es anders. Ein sauberer Scan heißt nicht, dass 1.3.2 erfüllt ist — er heißt, dass nichts fehlschlägt, was wir messen können. Hier braucht es einen Menschen.

Was ein Werkzeug Ihnen nicht sagen kann

Ein Scanner kann nicht wissen, welche Reihenfolge Sie gemeint haben. Lesen Sie die Seite einmal mit abgeschaltetem CSS.

Ebenfalls unter 1.3 Anpassbar