Wymaganie WCAG A/AA Priorytet: Poważne
Atrybuty dostępności mają nieprawidłowe wartości
Niektóre atrybuty dostępności w kodzie mają niedozwolone wartości albo wskazują na elementy, których nie ma na stronie.
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 odczytać niewłaściwy stan, pominąć opis pola lub zignorować atrybut. Klienci otrzymują wtedy mylące informacje o menu, filtrach lub błędach w formularzu.
Kogo to dotyczy
- osoby korzystające z czytników ekranu
- niewidomi klienci
Jak to naprawić
Używaj tylko dozwolonych wartości (np. aria-expanded="true" lub "false"). Identyfikatory w aria-labelledby, aria-describedby i aria-controls muszą istnieć na stronie. Sprawdź wartości ustawiane dynamicznie przez skrypty.
W Shopify
Zwykle w JavaScript motywu lub widżetach aplikacji ustawiających wartości ARIA. Popraw to w plikach Liquid i JavaScript motywu; problemy aplikacji zgłoś ich twórcy.
W Shoptet (CZ)
Zwykle w skryptach szablonu lub dodatkach. Zgłoś problem do Shoptet lub partnera Shoptet.
W PrestaShop
Zwykle w skryptach motywu lub modułach. Popraw szablony i JavaScript motywu albo zgłoś problem twórcy modułu.
W WooCommerce
Zwykle w skryptach motywu, kreatorach stron lub wtyczkach. Popraw to w kodzie motywu potomnego 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-valid-attr-value.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Filmy nie mają napisów
WCAG 1.2.2 A
-
Niestandardowe przyciski nie mają nazwy
WCAG 4.1.2 A
-
Niektóre podpowiedzi są puste
WCAG 4.1.2 A
-
Zdjęcia nie mają opisu tekstowego
WCAG 1.1.1 A