Zasada 1: Postrzegalność 1.3 Możliwość adaptacji

1.3.2 Zrozumiała kolejność

WCAG 1.3.2 Meaningful Sequence

W skrócie

Jeśli kolejność czytania ma znaczenie, kolejność elementów w kodzie musi być taka sama jak ta widoczna na ekranie.

Poziom: A Podstawowe minimum – bez tego część osób w ogóle nie skorzysta ze strony.
Czy to obowiązkowe?: Wymagane prawem
Kto w zespole odpowiada: Programowanie
Jak to wykryć: Tylko test ręczny

Komu i dlaczego to pomaga

Czytnik ekranu czyta stronę w kolejności kodu. Jeśli CSS przestawia elementy wizualnie, osoba niewidoma może dostać instrukcję w złej kolejności.

Osoby niewidome
Osoby z trudnościami poznawczymi

Jak zrobić to dobrze

Ułóż kod w logicznej kolejności czytania, a układ wizualny buduj CSS-em (grid, flex) bez przestawiania sensu.
Unikaj spacji i tabulatorów do tworzenia kolumn.

Najczęstsze błędy

Układ zbudowany z pozycjonowania absolutnego, w którym kod idzie w innej kolejności niż wygląd.
Użycie CSS order / flex-direction: row-reverse do zmiany kolejności treści.
Tekst „rozstrzelony” spacjami na kolumny.

Jak to sprawdzić

Wyłącz CSS lub posłuchaj strony czytnikiem ekranu – czy treść czyta się w sensownej kolejności?
Przejdź klawiszem Tab – czy kolejność ma sens (patrz też 2.4.3)?

Tylko test ręczny. Automat tego nie sprawdzi – potrzebny jest test ręczny lub audyt ekspercki.

Czy to obowiązkowe?

Wymagane prawem

Kryterium poziomu A z WCAG 2.1 – obowiązkowe dla podmiotów publicznych (ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych) oraz dla firm objętych European Accessibility Act (ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi). Brak zgodności trzeba wykazać w deklaracji dostępności.

Powiązane kryteria

2.4.3

Kolejność fokusu

A Wymagane prawem

Kolejność, w jakiej klawisz Tab przechodzi przez elementy, jest logiczna i zgodna z sensem strony.

1.3.1

Informacje i relacje