Wymaganie WCAG A/AA Priorytet: Poważne
Atrybuty dostępności zawierają literówki
Niektóre atrybuty zaczynają się od „aria-”, ale nie są prawdziwymi atrybutami ARIA, zwykle z powodu literówki.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Taki atrybut jest ignorowany, więc etykieta lub stan przeznaczone dla użytkowników czytników ekranu do nich nie docierają. Na przykład przycisk, który miał się nazywać „Zamknij”, może nie mieć żadnej nazwy.
Kogo to dotyczy
- osoby korzystające z czytników ekranu
- niewidomi klienci
Jak to naprawić
Sprawdź pisownię z listą WAI-ARIA, np. aria-labelledby (nie aria-labeledby). Usuń wymyślone atrybuty aria-*; do własnych danych używaj data-*.
W Shopify
Zwykle literówka w kodzie motywu lub aplikacji. Wyszukaj atrybut w plikach Liquid i JavaScript motywu i popraw go.
W Shoptet (CZ)
Zwykle w kodzie szablonu lub we własnym dodanym kodzie. Popraw własny kod; problemy szablonu zgłoś do Shoptet lub partnera Shoptet.
W PrestaShop
Zwykle literówka w szablonach motywu lub modułu. Popraw ją w plikach .tpl lub JavaScript.
W WooCommerce
Zwykle literówka w motywie, kreatorze stron lub wtyczce. Popraw ją 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.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Pola formularza nie mają etykiet
WCAG 4.1.2 A
-
Niektóre przyciski formularzy nie mają nazwy
WCAG 4.1.2 A
-
Lista rozwijana nie ma etykiety
WCAG 4.1.2 A
-
Tekst jest trudny do odczytania z powodu niskiego kontrastu
WCAG 1.4.3 AA