Przejdź do treści
Pandus
pl Zmień język
Menu

Wymaganie WCAG A/AA Priorytet: Poważne

Niestandardowe menu lub listy są zbudowane nieprawidłowo

Niektóre niestandardowe komponenty, np. menu, zakładki lub listy wyboru, nie zawierają elementów, które powinny się w nich znajdować.

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ą usłyszeć puste menu lub listę albo nie móc przechodzić między zakładkami i opcjami, przez co nawigacja i filtry stają się trudne w użyciu.

Kogo to dotyczy

  • osoby korzystające z czytników ekranu
  • niewidomi klienci

Jak to naprawić

Każdy kontener ARIA musi zawierać wymagane role podrzędne, np. role="menuitem" wewnątrz role="menu", role="tab" wewnątrz role="tablist", role="option" wewnątrz role="listbox". Jeśli komponent nie jest prawdziwym menu, usuń rolę.

W Shopify

Zwykle menu, zakładki lub widżety aplikacji korzystające z ról ARIA. Popraw role w sekcjach Liquid i 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, zakładki lub moduły wyszukiwania fasetowego. Popraw szablony i JavaScript motywu lub modułu.

W WooCommerce

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

Normy

Normy
NormaPunkt
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-children. dequeuniversity.com, github.com, www.w3.org

Podobne testy

Wszystkie reguły, które sprawdzamy