Wymaganie WCAG A/AA Priorytet: Umiarkowane
Atrybuty dostępności użyte w niewłaściwych elementach
Niektóre elementy strony mają atrybuty dostępności, które nie są dozwolone dla danego typu elementu.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Czytnik ekranu może pominąć taki atrybut albo odczytać element w mylący sposób, przez co ważna informacja, np. stan lub etykieta, nie dociera do klienta.
Kogo to dotyczy
- osoby korzystające z czytników ekranu
Jak to naprawić
Używaj tylko atrybutów obsługiwanych przez rolę elementu, np. aria-checked wyłącznie przy polach wyboru, przyciskach opcji i przełącznikach. Usuń atrybut albo nadaj elementowi właściwą rolę. W miarę możliwości korzystaj z natywnego HTML.
W Shopify
Zwykle kod motywu lub aplikacji. Znajdź element w plikach Liquid i JavaScript motywu, a następnie usuń lub popraw atrybut.
W Shoptet (CZ)
Zwykle kod szablonu lub dodatki. Zgłoś problem do Shoptet lub partnera Shoptet.
W PrestaShop
Zwykle szablony motywu lub modułu. Popraw atrybut w plikach .tpl lub JavaScript.
W WooCommerce
Zwykle kod motywu, kreatora stron lub wtyczki. Popraw go w motywie potomnym (child theme) albo zgłoś problem autorowi wtyczki.
Normy
| Norma | Punkt |
|---|---|
| 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-allowed-attr.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Nazwa lub wartość znajduje się poza swoją listą
WCAG 1.3.1 A
-
Niektóre nagłówki tabeli nie opisują żadnych danych
WCAG 1.3.1 A
-
Niektóre pola formularzy mają kilka etykiet
WCAG 3.3.2 A
-
Niektóre filmy lub dźwięki włączają się same z dźwiękiem
WCAG 1.4.2 A