Cerință WCAG A/AA Prioritate: Minor
O listă de denumiri și valori este construită greșit
O listă de descrieri (<dl>), folosită adesea pentru specificațiile produsului sau opțiunile alese, conține elemente în locul ori în ordinea greșită.
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 ce valoare aparține cărei denumiri, de exemplu care număr este greutatea și care mărimea, așa că detaliile produsului sunt mai greu de înțeles.
Pe cine afectează
- utilizatorii de cititoare de ecran
Cum se remediază
Într-un <dl> puneți doar grupuri de <dt> (denumire) și <dd> (valoare), în această ordine: fiecare grup începe cu unul sau mai multe <dt>, urmate de unul sau mai multe <dd>. Un <div> poate încadra un grup întreg; sunt permise și <script> și <template>. Mutați orice alte elemente în interiorul unui <dt> sau <dd>.
În Shopify
Mai rar; de obicei, în secțiuni personalizate de specificații, blocuri de metacâmpuri sau markup din aplicații. Corectați structura în secțiunile sau snippet-urile Liquid ale temei.
În Shoptet (CZ)
Parametrii produsului sunt generați de șablon. Raportați problema echipei Shoptet sau unui partener.
În PrestaShop
Temele afișează adesea caracteristicile produsului ca <dl>; temele personalizate pot strica structura. Corectați markup-ul în fișierele .tpl ale paginii de produs din temă.
În WooCommerce
WooCommerce afișează opțiunile alese ale produsului în coș și în detaliile comenzii ca <dl>; temele sau pluginurile care suprascriu aceste șabloane pot strica structura. Corectați în șablonul temei copil sau raportați autorului pluginului.
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 definition-list.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Unele celule de tabel trimit la antete greșite
WCAG 1.3.1 A
-
Setarea de limbă a paginii este greșită
WCAG 3.1.1 A
-
Meniurile sau listele personalizate sunt construite greșit
WCAG 1.3.1 A
-
Unele secțiuni extensibile nu au nume
WCAG 4.1.2 A