Wymaganie WCAG A/AA Priorytet: Umiarkowane

Część tekstu ma błędny kod języka

Fragment strony, np. przełącznik języków, cytat lub blok tekstu w innym języku, ma kod języka, który nie istnieje, np. „ua” zamiast „uk” albo kod z literówką.

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

Dlaczego to ważne dla Twoich klientów

Czytniki ekranu zmieniają wymowę na podstawie tego kodu. Przy błędnym kodzie mogą przeczytać fragment niewłaściwym głosem, przez co nazwy języków, produktów lub opinie w innym języku stają się trudne do zrozumienia.

Kogo to dotyczy

niewidomi klienci
osoby korzystające z czytników ekranu
osoby korzystające z odczytu na głos lub narzędzi do tłumaczenia

Jak to naprawić

W każdym atrybucie lang należy używać poprawnych kodów BCP 47, np. „en”, „de”, „pl”, „uk”, „cs” lub „de-AT”. Typowe błędy to „ua” zamiast „uk” dla ukraińskiego, „cz” zamiast „cs” dla czeskiego, „gr” zamiast „el” dla greckiego, „dk” zamiast „da” dla duńskiego oraz podkreślniki („de_DE” zamiast „de-DE”). W przełączniku języków nazwa każdego języka powinna mieć kod właśnie tego języka.

W Shopify

Często w przełączniku języka lub kraju we fragmentach Liquid nagłówka lub stopki albo w aplikacjach tłumaczeniowych, które dodają atrybuty lang. Należy sprawdzić wyświetlane kody i poprawić je we fragmencie lub w ustawieniach aplikacji.

W Shoptet (CZ)

Zwykle w przełączniku języków szablonu lub we własnym HTML. Najpierw należy sprawdzić ustawienia języka, a w sprawie szablonu zwrócić się do Shoptet lub partnera Shoptet.

W PrestaShop

Zwykle w module wyboru języka lub wpisane na sztywno w szablonie .tpl; warto też sprawdzić kody ISO języków sklepu w panelu administracyjnym.

W WooCommerce

Zwykle z przełącznika języków wtyczki wielojęzycznej, ustawienia kreatora stron lub HTML z wpisanym na sztywno atrybutem lang. Najpierw warto sprawdzić kody języków skonfigurowane we wtyczce wielojęzycznej.

Normy

Normy
Norma	Punkt
WCAG 2.2	3.1.2 (AA) Language of Parts
WCAG 2.1	3.1.2 (AA) Language of Parts
WCAG 2.0	3.1.2 (AA) Language of Parts
EN 301 549 4.1.1	9.3.1.2
EN 301 549 3.2.1	9.3.1.2
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.3.1.2

Automatyczny test: reguła axe-core valid-lang. dequeuniversity.com, github.com, www.w3.org

Linki w tekście wyglądają jak zwykły tekst
WCAG 1.4.1 A
Strona zawiera przestarzały kod migającego tekstu
WCAG 2.2.2 A
Cała strona jest ukryta przed czytnikami ekranu
WCAG 1.3.1 A
Niektóre linki nie mówią, dokąd prowadzą
WCAG 2.4.4 A

Wszystkie reguły, które sprawdzamy