Zalecana praktyka Priorytet: Umiarkowane
Blok tekstu ukrywa linki lub przyciski w środku
Element z role="text" zawiera link, przycisk lub inny element, który może otrzymać fokus. role="text" to niestandardowa rola, która każe niektórym czytnikom ekranu czytać całą zawartość jako zwykły tekst. To zalecana praktyka, a nie wymóg WCAG na poziomie AA.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
W czytnikach ekranu obsługujących role="text", zwłaszcza VoiceOver na iPhonie i Macu, link lub przycisk w środku może zostać odczytany jako zwykły tekst. Klient nie wie, że można go aktywować, albo w ogóle do niego nie dociera. Jeśli rola obejmuje link z ceną lub przycisk „Dodaj do koszyka”, może to uniemożliwić zakup.
Kogo to dotyczy
- użytkownicy czytników ekranu
- użytkownicy VoiceOver na iPhonie, iPadzie i Macu
Jak to naprawić
Używaj role="text" tylko dla elementów ze zwykłym tekstem, na przykład aby podzielona cena, taka jak „€19<sup>99</sup>”, nie była czytana w kawałkach. Usuń role="text" z każdego elementu zawierającego linki, przyciski, pola formularzy lub elementy z tabindex albo przenieś te elementy interaktywne poza niego.
W Shopify
Zwykle pochodzi z własnych znaczników cen lub etykiet w snippetach Liquid albo z aplikacji. Usuń role="text" z elementów zawierających linki lub przyciski.
W Shoptet (CZ)
Zwykle pochodzi z własnego kodu. Usuń role="text" z elementów zawierających linki lub przyciski; jeśli dodaje ją szablon, zapytaj Shoptet lub partnera.
W PrestaShop
Zwykle pochodzi ze zmienionych szablonów .tpl list produktów lub cen albo z modułów. Usuń role="text" wokół elementów interaktywnych, najlepiej przez nadpisanie.
W WooCommerce
Zwykle pochodzi z własnych szablonów cen, widżetów page buildera lub wtyczek. Popraw to w szablonie motywu potomnego lub zapytaj autora wtyczki.
Normy
To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.
Automatyczny test: reguła axe-core aria-text.
dequeuniversity.com, github.com