Dlaczego kursor lub fokus przeskakuje na mojej stronie internetowej

Nieskokowy fokus wynika z porządku kodu źródłowego

Fokus, który przeskakuje na wszystkie strony, zwykle pojawia się, ponieważ kolejność elementów w kodzie źródłowym nie odpowiada kolejności, w której są wyświetlane na ekranie. Osoba poruszająca się po stronie przy pomocy klawisza Tab oczekuje, że fokus będzie poruszać się płynnie od góry do dołu i od lewej do prawej — logicznie zgodnie z kierunkiem czytania. Jeśli menu, okno dialogowe lub pasek boczny jest umieszczony za pośrednictwem CSS w innym miejscu na ekranie niż element w kodzie, fokus wyraźnie przeskakuje tam i z powrotem: najpierw w dół, potem znowu na górę, potem do przycisku, który wizualnie już został minięty.

Częstą przyczyną jest ręcznie ustawiona wartość `tabindex` wyższa niż zero, która powoduje usunięcie elementów z naturalnej kolejności. Bannery plików cookie, filtry ładowane dynamicznie oraz modalne okna, które nie utrzymują prawidłowo fokusu, powodują ten efekt — fokus czasami zupełnie znika z widoku, za banerem lub pod wciąż otwartą nakładką. Aby to samodzielnie przetestować, najlepiej jest samemu przejść przez cały proces zamawiania, używając tylko klawiatury. jak przetestować, czy sklep internetowy można obsługiwać za pomocą klawiatury opisuje, jak test ten wygląda w praktyce. Często okazuje się, że kolejność fokusu jest związana z tymi samymi elementami, które również powodują problemy z banerami plików cookie i wyskakującymi oknami, ponieważ te są umieszczane jako pierwsze na stronie.

Gdzie to znajduje się w WCAG 2.1: kryterium 2.4.3

Wymóg ten znajduje się w WCAG 2.1 pod kryterium sukcesu 2.4.3, "Focus Order", które wymaga, aby kolejność, w której elementy otrzymują fokus, zachowywała znaczenie i użyteczność strony. Jest to kryterium poziomu A, a co za tym idzie, stanowi również część poziomu AA, na który praktycznie sprowadza się EN 301 549. Badanie ACM dotyczące dostępności sklepów internetowych pokazuje, że tego typu problemy nawigacyjne regularnie występują w praktyce i są postrzegane przez użytkowników jako uciążliwe. Zautomatyzowany skan może wprawdzie wykryć obecność `tabindex` o wartości dodatniej, ale czy kolejność fokusu rzeczywiście wydaje się logiczna dla kogoś, kto strony nie widzi, to coś, co automatyczny test dostępności nie potrafi w pełni ustalić — pozostaje to zależne od ręcznego przejścia.