WCAG 2.1 – Kryterium 1.3.2 Zrozumiała kolejność (poziom A)
Aby spełnić to kryterium dostępności, należy zapewnić logiczną kolejność treści w kodzie strony oraz możliwość jej poprawnego odczytu przez oprogramowanie.
Do najważniejszych technik należą:
-
umieszczanie elementów w kodzie HTML w kolejności odpowiadającej naturalnej kolejności czytania,
-
zachowanie zgodności między kolejnością w kodzie dokumentu a wizualnym układem strony,
-
stosowanie strukturalnych elementów HTML, które określają strukturę treści,
-
używanie stylów CSS do prezentacji wizualnej bez zmiany znaczenia kolejności treści,
-
zapewnienie poprawnej kolejności odczytu w dokumentach, także w innych formatach takich jak pliki PDF.
Wytyczne wskazują również, że wystarczy zapewnić przynajmniej jedną logiczną sekwencję treści, która pozwala zachować jej znaczenie.
Najczęstsze problemy związane z tym kryterium to:
-
zmiana znaczenia treści poprzez pozycjonowanie elementów za pomocą CSS,
-
tworzenie układu kolumn przy użyciu spacji lub znaków odstępu zamiast odpowiedniej struktury HTML,
-
stosowanie tabel układu, które po liniowym odczycie nie mają sensu,
-
tworzenie struktury treści poprzez wstawianie dużej liczby spacji zamiast odpowiednich elementów semantycznych,
-
niezgodność kolejności elementów w kodzie strony z ich kolejnością wizualną,
-
umieszczanie ważnych komunikatów w miejscach kodu, które są odczytywane dopiero na końcu strony,
-
brak logicznej kolejności pól formularza,
-
dynamiczne elementy strony pojawiające się w nieoczekiwanym miejscu w strukturze dokumentu.
Takie błędy mogą powodować dezorientację użytkowników, zwłaszcza osób korzystających z czytników ekranu, ponieważ treść jest prezentowana w niepoprawnej kolejności i traci swój pierwotny sens.
Błąd polega na tym, że kolejność elementów na stronie nie odpowiada logicznej kolejności czytania treści. Oznacza to, że osoby korzystające z technologii wspomagających mogą otrzymywać informacje w niewłaściwej sekwencji. W efekcie komunikaty, nagłówki, formularze lub inne elementy mogą być odczytywane w sposób chaotyczny, co utrudnia zrozumienie zawartości strony.
Zgodnie z wytycznymi WCAG prawidłowa kolejność odczytu powinna być określona w kodzie strony, jeżeli ma znaczenie dla zrozumienia treści. Dzięki temu różne sposoby prezentacji strony, na przykład zmiana stylów lub korzystanie z czytnika ekranu, nie powodują utraty sensu informacji.
