Cerință WCAG A/AA Prioritate: Moderat
Unele indicii (tooltip-uri) sunt goale
Unele elemente marcate ca indicii (role="tooltip") nu conțin text care poate fi citit.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Utilizatorii de cititoare de ecran nu primesc indiciul pe care ceilalți clienți îl văd, de exemplu explicații despre mărimi, costul livrării, o notă despre TVA sau regulile pentru parolă.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
Cum se remediază
Asigurați-vă că fiecare element cu role="tooltip" conține text sau are aria-label ori aria-labelledby. Legați indiciul de elementul pe care îl explică prin aria-describedby. Dacă textul se încarcă doar la trecerea cu mouse-ul, puneți-l în pagină de la început și doar afișați-l la trecerea cu mouse-ul și la focus de la tastatură.
În Shopify
De obicei, indicii ale temei sau widgeturi ale aplicațiilor (ghiduri de mărimi, informații despre livrare). Corectați markup-ul în snippet-urile Liquid ale temei sau contactați dezvoltatorul aplicației.
În Shoptet (CZ)
Rar în șabloanele standard; mai probabil în cod personalizat sau suplimente. Cereți echipei Shoptet sau unui partener să verifice.
În PrestaShop
De obicei, în șabloanele temei sau în module care afișează pictograme de informare. Corectați markup-ul indiciului în fișierele .tpl sau în șabloanele de modul suprascrise.
În WooCommerce
De obicei, în pluginuri de indicii, de opțiuni de produs sau în page buildere. Verificați setările pluginului; altfel corectați în tema copil sau raportați 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-tooltip-name.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
O imagine pe care se poate da clic funcționează doar cu mouse-ul
WCAG 2.1.1 A
-
O listă de denumiri și valori este construită greșit
WCAG 1.3.1 A
-
Unele butoane de formular nu au nume
WCAG 4.1.2 A
-
Imaginile nu au descriere text
WCAG 1.1.1 A