Wymaganie WCAG A/AA Priorytet: Drobne
Element listy znajduje się poza listą
Element oznaczony jako pozycja listy nie znajduje się w liście, więc jego struktura zostaje utracona.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Osoby korzystające z czytników ekranu mogą nie usłyszeć, że pozycje tworzą całość, np. cechy produktu lub pozycje menu, przez co trudniej przejrzeć stronę.
Kogo to dotyczy
- osoby korzystające z czytników ekranu
Jak to naprawić
Upewnij się, że każdy <li> znajduje się bezpośrednio wewnątrz <ul>, <ol> lub elementu z role="list". Sprawdź, czy elementy opakowujące lub skrypty nie oddzieliły pozycji od listy.
W Shopify
Zwykle w sekcjach motywu lub blokach aplikacji, które generują <li> bez listy nadrzędnej. Popraw to w sekcjach lub fragmentach Liquid motywu.
W Shoptet (CZ)
Zwykle w kodzie szablonu. Zgłoś problem do Shoptet lub partnera Shoptet.
W PrestaShop
Zwykle w szablonach motywu lub modułu. Popraw kod w plikach .tpl motywu lub nadpisanych szablonach modułów.
W WooCommerce
Zwykle w szablonach motywu, widżetach lub blokach kreatora stron. Popraw kod w motywie potomnym lub ustawieniach kreatora.
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 listitem.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Niektóre rozwijane sekcje nie mają nazwy
WCAG 4.1.2 A
-
Strona nie ma tytułu
WCAG 2.4.2 A
-
Linki w tekście wyglądają jak zwykły tekst
WCAG 1.4.1 A
-
Niektóre linki nie mówią, dokąd prowadzą
WCAG 2.4.4 A