Wymaganie WCAG A/AA Priorytet: Drobne
Nazwa lub wartość znajduje się poza swoją listą
Element <dt> lub <dd> (nazwa lub wartość, często w parametrach produktu) nie znajduje się w liście opisowej <dl>.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Czytniki ekranu nie mogą przedstawić nazw i wartości jako par, więc klienci mogą nie wiedzieć, która wartość należy do którego parametru.
Kogo to dotyczy
- osoby korzystające z czytników ekranu
Jak to naprawić
Każdy <dt> i <dd> należy umieścić bezpośrednio w <dl> albo w <div>, który jest bezpośrednim dzieckiem <dl>. Jeśli treść nie składa się z par nazwa–wartość, lepiej użyć innych elementów, np. <p>, listy lub tabeli.
W Shopify
Rzadziej; zwykle we własnych sekcjach parametrów lub kodzie aplikacji, który generuje <dt>/<dd> bez <dl>. Należy to poprawić w sekcjach lub fragmentach Liquid motywu.
W Shoptet (CZ)
Zwykle w kodzie szablonu. Warto zgłosić to do Shoptet lub partnera Shoptet.
W PrestaShop
Zwykle w zmodyfikowanych szablonach produktu lub koszyka. Kod należy poprawić w plikach .tpl motywu lub nadpisanych szablonach modułów.
W WooCommerce
Zwykle w motywach lub wtyczkach nadpisujących szablony koszyka, zamówienia lub produktu. Należy to poprawić w szablonie motywu potomnego lub zgłosić autorowi wtyczki.
Normy
| Norma | Punkt |
|---|---|
| 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 |
Automatyczny test: reguła axe-core dlitem.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Strona zawiera przestarzały kod migającego tekstu
WCAG 2.2.2 A
-
Filmy nie mają napisów
WCAG 1.2.2 A
-
Niestandardowe pola formularza nie mają etykiety
WCAG 4.1.2 A
-
Nazwa lub wartość znajduje się poza swoją listą
WCAG 1.3.1 A