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

Wymaganie WCAG A/AA Priorytet: Drobne

Strona zawiera przestarzały kod migającego tekstu

Na stronie jest stary element <blink>, który miał sprawiać, że tekst miga.

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

Dlaczego to ważne dla Twoich klientów

Współczesne przeglądarki go ignorują, więc tekst zwykle nie miga. Jeśli jednak przeglądarka lub skrypt sprawi, że zacznie migać, rozprasza osoby z trudnościami z uwagą lub czytaniem, jest trudny do odczytania i nie da się go zatrzymać.

Kogo to dotyczy

  • osoby z niepełnosprawnością intelektualną lub trudnościami poznawczymi
  • osoby słabowidzące

Jak to naprawić

Należy usunąć element <blink> i pozostawić zwykły tekst. Do wyróżnienia lepiej użyć statycznego stylu: koloru, pogrubienia lub plakietki. Jeśli ruch jest naprawdę potrzebny, powinien zatrzymać się w ciągu 5 sekund lub mieć przycisk pauzy oraz uwzględniać ustawienie prefers-reduced-motion.

W Shopify

Bardzo rzadko; zwykle stara treść wklejona na stronę lub do opisu produktu. Należy ją usunąć w widoku HTML edytora lub w kodzie Liquid motywu.

W Shoptet (CZ)

Rzadko; zwykle w starej treści wklejonej do edytora. Należy usunąć element w widoku HTML edytora.

W PrestaShop

Rzadko; zwykle w starych stronach CMS lub opisach produktów. Należy usunąć element w widoku HTML edytora lub w pliku .tpl.

W WooCommerce

Rzadko; zwykle w starych wpisach, opisach produktów lub bardzo starych motywach. Należy usunąć element w widoku kodu edytora lub w szablonie.

Normy

Normy
NormaPunkt
WCAG 2.2 2.2.2 (A) Pause, Stop, Hide
WCAG 2.1 2.2.2 (A) Pause, Stop, Hide
WCAG 2.0 2.2.2 (A) Pause, Stop, Hide
EN 301 549 4.1.1 9.2.2.2
EN 301 549 3.2.1 9.2.2.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.2.2.2

Automatyczny test: reguła axe-core blink. dequeuniversity.com, github.com, www.w3.org

Podobne testy

Wszystkie reguły, które sprawdzamy