Cerință WCAG A/AA Prioritate: Critic
Câmpurile de introducere personalizate nu au etichetă
Unele câmpuri construite personalizat, cum ar fi o casetă de căutare sau un selector de țară, nu au un nume pe care tehnologiile asistive să îl poată citi.
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 știu la ce servește câmpul, așa că s-ar putea să nu poată căuta un produs sau completa o adresă.
Pe cine afectează
- clienții nevăzători
- utilizatorii de cititoare de ecran
- utilizatorii de control vocal
Cum se remediază
Dați fiecărui element cu rol de câmp (combobox, textbox, searchbox, listbox, slider, spinbutton) un nume prin aria-labelledby care indică un text vizibil sau prin aria-label. Și mai bine, folosiți <input> sau <select> nativ cu un <label>.
În Shopify
De obicei, căutarea predictivă, filtrele sau widgeturile aplicațiilor. Corectați etichetele în Liquid-ul și JavaScript-ul temei; raportați widgeturile aplicațiilor dezvoltatorului.
În Shoptet (CZ)
De obicei, componentele de căutare sau de filtrare din șablon. Raportați problema echipei Shoptet sau unui partener Shoptet.
În PrestaShop
De obicei, module de căutare sau de filtrare. Adăugați etichete în șabloanele de modul suprascrise sau raportați problema dezvoltatorului modulului.
În WooCommerce
De obicei, pluginuri de căutare, de filtrare sau de completare automată a adresei. Adăugați etichete din setările pluginului sau din codul temei copil ori raportaț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-input-field-name.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
O listă derulantă nu are etichetă
WCAG 4.1.2 A
-
Vizitatorii nu pot mări pagina pe mobil
WCAG 1.4.4 AA
-
Un buton-imagine nu are descriere text
WCAG 1.1.1 A
-
O listă este construită greșit
WCAG 1.3.1 A