WCAG 2.2: Kryterium sukcesu A 1.3.2
Wiele osób testujących dostępność zakłada, że kryterium 1.3.2: Znacząca sekwencja (poziom A) oznacza, że kolejność przeglądania i fokusu musi idealnie odzwierciedlać kolejność wizualną. To częste nieporozumienie.
Kluczowa zasada: znaczenie, nie wygląd
To nie kolejność wizualna jest najważniejsza, ale znaczenie treści. Nawet jeśli na ekranie elementy są ułożone inaczej niż w kodzie, nie oznacza to od razu problemu z dostępnością – pod warunkiem, że treść nadal ma sens dla użytkownika.
Przykład
Wyobraźmy sobie kartę produktu z trzema elementami:
🔹 „Kategoria” – w prawym górnym rogu.
🔹 „Tytuł karty” – centralnie, bardziej wyróżniony.
🔹 Przycisk „Kup teraz” – wyraźnie podkreślony.
Choć „Kategoria” jest wyżej, to dla użytkownika głównym celem karty jest tytuł i wezwanie do działania. Nawet jeśli w kodzie „Kategoria” pojawi się później, nie wpływa to na zrozumienie treści, więc nie jest to błąd dostępności.
Na co uważać?
🔹 Nie zmieniaj kolejności elementów w sposób, który zaburza ich znaczenie.
🔹 Unikaj przesuwania ważnych informacji poprzez CSS, ponieważ czytniki ekranu ignorują style i mogą odczytywać treść w nieoczekiwanej kolejności.
🔹 Sprawdź kolejność kodu, wyłączając style CSS – jeśli bez nich treść nadal jest logiczna, jest duża szansa, że spełniasz WCAG 1.3.2.
Nie chodzi o perfekcyjne odwzorowanie układu wizualnego w kodzie, ale o zapewnienie, że użytkownicy – w tym korzystający z czytników ekranu – odbiorą treść w zrozumiałej i logicznej kolejności. To klucz do dobrej dostępności!
