Cerință WCAG A/AA Prioritate: Moderat
Atributele de accesibilitate sunt folosite în situația greșită
Unele elemente folosesc atribute de accesibilitate permise pentru tipul lor doar în anumite condiții, de exemplu aria-checked pe o casetă de bifare reală sau atribute de tabel arborescent pe un rând obișnuit de tabel.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Un cititor de ecran poate anunța o stare diferită de cea de pe ecran, de exemplu „nebifat” la o casetă bifată „Accept termenii” sau la o opțiune de filtru, ori poate citi rândurile tabelului ca niveluri ale unui arbore. Clienții pot alege greșit în filtre sau la finalizarea comenzii.
Pe cine afectează
- utilizatorii de cititoare de ecran
- clienții nevăzători
Cum se remediază
Eliminați aria-checked de pe casetele de bifare native; starea elementului input este suficientă. Folosiți atributele de rând precum aria-level, aria-posinset, aria-setsize și aria-expanded pe rândurile de tabel doar în interiorul unui role="treegrid". Unde se poate, preferați elementele HTML native în locul ARIA.
În Shopify
De obicei cod propriu pentru filtre, variante sau casete de bifare în temă ori într-o aplicație. Găsiți elementul în fișierele Liquid și JavaScript ale temei și eliminați atributul contradictoriu; widgeturile aplicațiilor semnalați-le dezvoltatorului.
În Shoptet (CZ)
De obicei filtre sau formulare ale șablonului ori suplimente. Semnalați problema la Shoptet sau unui partener Shoptet.
În PrestaShop
De obicei module de căutare fațetată, opțiuni de produs sau formulare. Corectați în fișierele .tpl și JavaScript ale temei sau în șabloanele de module suprascrise.
În WooCommerce
De obicei pluginuri de filtre, opțiuni de produs sau formulare ori un page builder. Corectați în tema copil sau semnalați problema autorului pluginului.
Standarde
| Standard | Punct |
|---|---|
| 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 |
Verificare automată: regula axe-core aria-conditional-attr.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele linkuri nu spun unde duc
WCAG 2.4.4 A
-
O denumire sau o valoare se află în afara listei sale
WCAG 1.3.1 A
-
Elementele ascunse pot fi totuși accesate cu tastatura
WCAG 4.1.2 A
-
Câmpurile de introducere personalizate nu au etichetă
WCAG 4.1.2 A