1.3.2 Zrozumiała kolejność - poziom A

Kryterium sukcesu 1.3.2 zrozumiała kolejność mówi, że jeśli kolejność czytania ma znaczenie, to treść musi być ułożona tak, aby dało się ją odczytać w poprawnej kolejności programowo, a nie tylko wizualnie po układzie strony.

O co chodzi w kryterium 1.3.2 Zrozumiała kolejność?

Nie wystarczy, że strona wygląda świetnie wizualnie, odpowiednie znaczniki muszą znaleźć się w kodzie, inaczej użytkownik czytnika ekranu albo ktoś, kto czyta stronę liniowo, dostanie treść pomieszaną i sens informacji nie zostanie zachowany.

Najczęstsze sytuacje, gdzie kolejność ma znaczenie:

Tekst w dwóch kolumnach

Na stronie czytasz lewa kolumna, potem prawą. Ale jeśli w kodzie elementy są ułożone inaczej, czytnik może przeczytać: kawałek z lewej, potem z prawej, potem znów z lewej. Wizualnie jest prawidłowo, ale korzystając z czytnika osoba otrzymuje miszmasz.

Karty i boksy na stronie głównej

Np. Aktualności, Komunikaty, Wydarzenia - jeśli w kodzie kolejność jest przypadkowa, ktoś słuchający strony nie zrozumie, co jest sekcją, co nagłówkiem, a co treścią danej karty.

Formularze

Jeśli pytanie jest nad polem, ale w kodzie pole jest wcześniej niż pytanie (albo etykieta jest obok i nie oddaje kolejności), użytkownik posługujący się czytnikiem ekranu może trafić na pole bez kontekstu.

Instrukcje krok po kroku 

Jeśli tworzysz układ graficzny, który wygląda jak 1–2–3, to kod strony również musi to odzwierciedlać.

Pełny tekst kryterium 1.3.2 Zrozumiała kolejność

Jeśli kolejność, w jakiej przedstawiona jest treść, ma znaczenie dla zrozumienia treści - prawidłowa kolejność odczytu musi być określona programowo.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#zrozumia-a-kolejnosc