Wymaganie WCAG A/AA Priorytet: Poważne
Strona sama się odświeża lub przekierowuje
Strona używa <meta http-equiv="refresh"> z opóźnieniem, więc po kilku sekundach lub minutach sama się przeładowuje albo przechodzi pod inny adres bez działania klienta.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Osoby, które wolno czytają lub piszą, mogą stracić miejsce w tekście lub wpisane dane, np. w zapytaniu o produkt albo na etapie zamówienia. Użytkownicy czytników ekranu bez ostrzeżenia wracają na początek strony, a przekierowanie czasowe może nastąpić, zanim przeczytają komunikat na stronie.
Kogo to dotyczy
- osoby korzystające z czytników ekranu
- osoby, które wolno czytają lub piszą
- osoby z niepełnosprawnością poznawczą lub ruchową
- osoby korzystające wyłącznie z klawiatury
Jak to naprawić
Należy usunąć meta refresh z opóźnieniem. Dla przeniesionej strony lepiej użyć przekierowania po stronie serwera (HTTP 301 lub 302) lub meta refresh z opóźnieniem 0. Treść można aktualizować przez JavaScript bez przeładowania strony albo udostępnić przycisk „Odśwież”. Jeśli limit czasu jest nieunikniony, użytkownik powinien móc go wyłączyć, zmienić lub wydłużyć.
W Shopify
W motywach Shopify rzadkie. Zwykle własny kod w theme.liquid, strona docelowa lub aplikacja (liczniki, przekierowania, pop-upy). Należy usunąć znacznik meta i skorzystać z przekierowań adresów URL w Shopify.
W Shoptet (CZ)
Rzadkie; zwykle własny kod dodany do nagłówka strony. Należy usunąć meta refresh z własnego kodu i korzystać z ustawień przekierowań sklepu, jeśli są dostępne.
W PrestaShop
Zwykle moduły lub zmodyfikowane szablony .tpl, które przeładowują lub przekierowują strony, np. po wysłaniu formularza albo na stronie konserwacji. Należy zastąpić to przekierowaniem po stronie serwera lub usunąć.
W WooCommerce
Zwykle wtyczki przekierowań, trybu konserwacji lub „wkrótce otwarcie” albo kod dodany do nagłówka motywu. Zamiast odświeżania czasowego należy użyć prawidłowego przekierowania 301 (np. przez wtyczkę przekierowań lub serwer).
Normy
| Norma | Punkt |
|---|---|
| WCAG 2.2 | 2.2.1 (A) Timing Adjustable |
| WCAG 2.1 | 2.2.1 (A) Timing Adjustable |
| WCAG 2.0 | 2.2.1 (A) Timing Adjustable |
| EN 301 549 4.1.1 | 9.2.2.1 |
| EN 301 549 3.2.1 | 9.2.2.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.2.2.1 |
Automatyczny test: reguła axe-core meta-refresh.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Pola formularza nie mają etykiet
WCAG 4.1.2 A
-
Przycisk graficzny nie ma opisu tekstowego
WCAG 1.1.1 A
-
Cała strona jest ukryta przed czytnikami ekranu
WCAG 1.3.1 A
-
Użytkownicy klawiatury nie mogą dotrzeć do osadzonej treści
WCAG 2.1.1 A