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

Wymaganie WCAG A/AA Priorytet: Drobne

Niektóre elementy używają przestarzałych ról dostępności

Niektóre elementy mają role, które standard dostępności WAI-ARIA uznał za przestarzałe, np. role="directory".

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

Dlaczego to ważne dla Twoich klientów

Przeglądarki i czytniki ekranu stopniowo przestają obsługiwać te role. Element może wtedy zostać odczytany bez swojego znaczenia, np. lista linków przestaje być rozpoznawana jako lista.

Kogo to dotyczy

  • osoby korzystające z czytników ekranu

Jak to naprawić

Przestarzałą rolę należy zastąpić jej aktualnym odpowiednikiem (np. role="list" zamiast role="directory") albo, lepiej, odpowiednim natywnym elementem HTML, takim jak <ul>. Jeśli rola nic nie wnosi, można ją usunąć.

W Shopify

Rzadkie, zwykle starszy motyw lub aplikacja. Należy znaleźć rolę w plikach Liquid i JavaScript motywu i ją zastąpić; warto sprawdzić, czy nowsza wersja motywu lub aplikacji już to poprawia.

W Shoptet (CZ)

Rzadkie. Jeśli się pojawia, warto zgłosić to do Shoptet lub partnera Shoptet, aby zaktualizować kod szablonu.

W PrestaShop

Zwykle starszy motyw lub moduł. Należy zastąpić rolę w szablonach .tpl lub zaktualizować moduł.

W WooCommerce

Zwykle starszy motyw, kreator stron lub wtyczka. Najpierw warto je zaktualizować; jeśli rola zostaje, należy poprawić ją w motywie potomnym lub zgłosić autorowi wtyczki.

Normy

Normy
NormaPunkt
WCAG 2.2 4.1.2 (A) Name, Role, Value
WCAG 2.1 4.1.2 (A) Name, Role, Value
WCAG 2.0 4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1 9.4.1.2
EN 301 549 3.2.1 9.4.1.2
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.4.1.2

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

Podobne testy

Wszystkie reguły, które sprawdzamy