Cerință WCAG A/AA Prioritate: Minor
O listă este construită greșit
O listă cu marcatori sau numerotată conține elemente care nu au voie să stea direct în interiorul unei liste.
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 auzi un număr greșit de elemente sau pot pierde structura listei în meniuri, filtre sau caracteristicile produselor, așa că pagina este mai greu de parcurs.
Pe cine afectează
- utilizatorii de cititoare de ecran
Cum se remediază
În <ul> și <ol> puneți doar elemente <li> (plus <script> sau <template>). Mutați elementele de împachetare, precum <div>, în interiorul <li>, nu în jurul lui. Verificați meniurile, filtrele și footer-ele.
În Shopify
De obicei, în meniurile sau secțiunile temei ori în markup adăugat de aplicații. Corectați structura listei în secțiunile sau snippet-urile Liquid ale temei.
În Shoptet (CZ)
De obicei, în meniurile sau footer-ele șablonului. Raportați problema echipei Shoptet sau unui partener Shoptet, deoarece markup-ul face parte din șablon.
În PrestaShop
De obicei, în meniurile temei sau în module precum footer-ul ori căutarea fațetată. Corectați markup-ul în fișierele .tpl ale temei sau în șabloanele de modul suprascrise.
În WooCommerce
De obicei, în meniurile temei, în widgeturi sau în blocurile din page builder. Corectați markup-ul în șabloanele temei copil sau în setările widgetului din builder.
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 list.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Butoanele și linkurile sunt prea mici pentru a fi atinse ușor
WCAG 2.5.8 AA
-
O imagine pe care se poate da clic funcționează doar cu mouse-ul
WCAG 2.1.1 A
-
Unele grafice vectoriale nu au descriere text
WCAG 1.1.1 A
-
O denumire sau o valoare se află în afara listei sale
WCAG 1.3.1 A