Niektóre elementy mają etykietę dla brajla, ale nie mają zwykłej nazwy

Niektóre elementy mają etykietę przeznaczoną tylko dla monitorów brajlowskich (aria-braillelabel lub aria-brailleroledescription), ale brakuje zwykłej etykiety lub opisu, który powinna uzupełniać.

Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.

Dlaczego to ważne dla Twoich klientów

Klienci korzystający z mowy zamiast monitora brajlowskiego nie otrzymują nazwy elementu albo słyszą błędny opis, np. przycisku lub oznaczenia statusu, i nie wiedzą, do czego służy.

Kogo to dotyczy

osoby korzystające z czytników ekranu
niewidomi klienci

Jak to naprawić

Atrybuty brajlowskie należy stosować tylko jako uzupełnienie zwykłej nazwy. Element z aria-braillelabel potrzebuje też widocznego tekstu, aria-label lub aria-labelledby; element z aria-brailleroledescription potrzebuje też aria-roledescription. W większości sklepów najprościej jest usunąć atrybuty brajlowskie.

W Shopify

W motywach i aplikacjach Shopify bardzo rzadkie. Należy wyszukać „aria-braille” w kodzie motywu i fragmentach aplikacji, a następnie dodać zwykłą nazwę lub usunąć atrybut.

W Shoptet (CZ)

W szablonach Shoptet bardzo rzadkie. Jeśli się pojawia, zwykle pochodzi z własnego kodu dodanego do szablonu; poprawkę może wykonać partner Shoptet.

W PrestaShop

Bardzo rzadkie. Należy wyszukać „aria-braille” w plikach .tpl motywu i szablonach modułów, a następnie dodać zwykłą nazwę lub usunąć atrybut.

W WooCommerce

Bardzo rzadkie. Należy wyszukać „aria-braille” w motywie potomnym i kodzie wtyczek; poprawić to w motywie lub zgłosić autorowi wtyczki.

Normy

Normy
Norma	Punkt
WCAG 2.2	4.1.2 (A) Name, Role, Value
WCAG 2.1	4.1.2 (A) Name, Role, Value
WCAG 2.0	4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1	9.4.1.2
EN 301 549 3.2.1	9.4.1.2
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.4.1.2

Automatyczny test: reguła axe-core aria-braille-equivalent. dequeuniversity.com, github.com, www.w3.org

Atrybuty dostępności użyto w niewłaściwej sytuacji
WCAG 4.1.2 A
Atrybuty dostępności zawierają literówki
WCAG 4.1.2 A
Niektóre paski postępu nie mają nazwy
WCAG 1.1.1 A
Pola w kasie nie wypełniają się automatycznie
WCAG 1.3.5 AA

Wszystkie reguły, które sprawdzamy