Cerință WCAG A/AA Prioritate: Minor
Un element de listă se află în afara unei liste
Un element marcat ca element de listă nu se află în interiorul unei liste, așa că structura se pierde.
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 pot să nu afle că elementele aparțin aceluiași grup, de exemplu caracteristicile unui produs sau intrările unui meniu, ceea ce face pagina mai greu de parcurs.
Pe cine afectează
- utilizatorii de cititoare de ecran
Cum se remediază
Asigurați-vă că fiecare <li> se află direct în interiorul unui <ul>, <ol> sau al unui element cu role="list". Verificați ca elementele de împachetare sau scripturile să nu fi separat elementele de lista lor.
În Shopify
De obicei, în secțiunile temei sau în blocurile aplicațiilor care afișează <li> fără o listă-părinte. Corectați în secțiunile sau snippet-urile Liquid ale temei.
În Shoptet (CZ)
De obicei, în codul șablonului. Raportați problema echipei Shoptet sau unui partener Shoptet.
În PrestaShop
De obicei, în șabloanele temei sau ale modulelor. Corectați markup-ul în fișierele .tpl ale temei sau în șabloanele de modul suprascrise.
În WooCommerce
De obicei, în șabloanele temei, în widgeturi sau în blocurile din page builder. Corectați markup-ul într-o temă copil sau în setările builder-ului.
Standarde
| Standard | Punct |
|---|---|
| WCAG 2.2 | 1.3.1 (A) Info and Relationships |
| WCAG 2.1 | 1.3.1 (A) Info and Relationships |
| WCAG 2.0 | 1.3.1 (A) Info and Relationships |
| EN 301 549 4.1.1 | 9.1.3.1 |
| EN 301 549 3.2.1 | 9.1.3.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.1.3.1 |
Verificare automată: regula axe-core listitem.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele secțiuni extensibile nu au nume
WCAG 4.1.2 A
-
Pagina nu are titlu
WCAG 2.4.2 A
-
Linkurile din text arată ca textul obișnuit
WCAG 1.4.1 A
-
Unele linkuri nu spun unde duc
WCAG 2.4.4 A