Niestandardowe pozycje menu lub zakładki są poza swoją grupą

Niektóre niestandardowe elementy, np. pozycje menu, zakładki lub opcje, nie znajdują się w grupie, do której należą.

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 elementy tworzą całość ani ile ich jest, przez co menu, zakładki i listy opcji są trudniejsze do zrozumienia.

Kogo to dotyczy

osoby korzystające z czytników ekranu
niewidomi klienci

Jak to naprawić

Umieść każdy element w wymaganym kontenerze, np. role="tab" wewnątrz role="tablist", role="option" wewnątrz role="listbox", role="menuitem" wewnątrz role="menu" lub "menubar". Sprawdź elementy pośrednie bez ról albo usuń niepotrzebne role.

W Shopify

Zwykle menu, zakładki lub widżety aplikacji. Popraw strukturę w sekcjach Liquid lub JavaScript motywu; widżety aplikacji zgłoś ich twórcy.

W Shoptet (CZ)

Zwykle menu lub zakładki w szablonie. Zgłoś problem do Shoptet lub partnera Shoptet.

W PrestaShop

Zwykle menu motywu lub szablony modułów. Popraw to w szablonach .tpl lub JavaScript.

W WooCommerce

Zwykle menu motywu, zakładki kreatora stron lub wtyczki. Popraw to w kodzie motywu potomnego albo zgłoś problem autorowi wtyczki.

Normy

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 aria-required-parent. dequeuniversity.com, github.com, www.w3.org

Klikalny obraz działa tylko z myszą
WCAG 2.1.1 A
Niektóre wskaźniki poziomu nie mają nazwy
WCAG 1.1.1 A
Strona zawiera przestarzały kod migającego tekstu
WCAG 2.2.2 A
Tytuł tabeli jest wpisany w komórkę tabeli
WCAG 1.3.1 A

Wszystkie reguły, które sprawdzamy