Przejdź do treści
Pandus
pl Zmień język
Menu

WCAG AAA: zalecenie Priorytet: Drobne

Strona sama się odświeża po czasie, nawet długim

Strona używa <meta http-equiv="refresh">, aby po pewnym czasie przeładować się lub przejść pod inny adres. Unikanie każdego odświeżania z opóźnieniem, nawet wielogodzinnym, to zalecenie poziomu AAA WCAG, wykraczające poza poziom AA, na którym opiera się prawo.

Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.

Dlaczego to ważne dla Twoich klientów

Jeśli klient zostawi otwartą kartę, strona może bez pytania się przeładować lub przejść gdzie indziej. Traci on to, co czytał lub wpisywał, a użytkownicy czytników ekranu wracają na początek strony. Przy długich opóźnieniach rzadko zdarza się to podczas zwykłej wizyty, więc skutek jest zwykle niewielki.

Kogo to dotyczy

  • użytkownicy czytników ekranu
  • osoby, które wolno czytają lub piszą
  • osoby z niepełnosprawnościami poznawczymi
  • osoby, które długo trzymają otwarte karty

Jak to naprawić

Usuń meta refresh z opóźnieniem. Dla przeniesionej strony użyj przekierowania po stronie serwera (HTTP 301 lub 302) albo meta refresh z opóźnieniem 0. Treść aktualizuj przez JavaScript bez przeładowania strony lub dodaj przycisk „Odśwież”. Strona powinna się zmieniać tylko na prośbę użytkownika.

W Shopify

W motywach Shopify rzadkie. Zwykle pochodzi z własnego kodu w theme.liquid, strony docelowej lub aplikacji (liczniki, przekierowania, pop-upy). Usuń znacznik meta i użyj przekierowań URL w Shopify.

W Shoptet (CZ)

Rzadkie; zwykle pochodzi z własnego kodu dodanego do nagłówka strony. Usuń meta refresh ze swojego kodu i korzystaj z ustawień przekierowań sklepu, jeśli są dostępne.

W PrestaShop

Zwykle pochodzi z modułów lub zmienionych szablonów .tpl, które przeładowują lub przekierowują strony, na przykład stronę konserwacji lub potwierdzenia. Zastąp to przekierowaniem po stronie serwera lub usuń.

W WooCommerce

Zwykle pochodzi z wtyczek przekierowań, trybu konserwacji lub cache albo z kodu dodanego do nagłówka motywu. Ustaw poprawne przekierowanie 301 (wtyczką lub na serwerze) i usuń odświeżanie z opóźnieniem.

Normy

Normy
NormaPunkt
WCAG 2.2 2.2.4 (AAA) Interruptions
WCAG 2.2 3.2.5 (AAA) Change on Request
WCAG 2.1 2.2.4 (AAA) Interruptions
WCAG 2.1 3.2.5 (AAA) Change on Request
WCAG 2.0 2.2.4 (AAA) Interruptions
WCAG 2.0 3.2.5 (AAA) Change on Request

Automatyczny test: reguła axe-core meta-refresh-no-exceptions. dequeuniversity.com, github.com, www.w3.org, www.w3.org

Podobne testy

Wszystkie reguły, które sprawdzamy