Wymaganie WCAG A/AA Priorytet: Umiarkowane
Strona deklaruje dwa różne języki
Znacznik <html> strony ma zarówno atrybut lang, jak i xml:lang, a wskazują one różne języki, np. lang="de" i xml:lang="en".
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Oprogramowanie odczytujące xml:lang może potraktować niemiecką stronę jako angielską. Czytnik ekranu odczyta wtedy nazwy produktów, ceny i instrukcje zamówienia z błędną wymową, a narzędzia do tłumaczenia mogą źle rozpoznać język.
Kogo to dotyczy
- niewidomi klienci
- osoby korzystające z czytników ekranu
- osoby korzystające z odczytu na głos lub tłumaczy
Jak to naprawić
Oba atrybuty powinny wskazywać ten sam język, np. lang="pl" xml:lang="pl". W zwykłej stronie HTML5 atrybut xml:lang nie jest potrzebny, więc najprościej go usunąć i zostawić poprawny lang. Warto sprawdzić każdą wersję językową sklepu: rozbieżność często występuje tylko na stronach tłumaczonych.
W Shopify
W aktualnych motywach rzadkie. Zwykle przyczyną jest starszy lub mocno zmodyfikowany plik układu z na sztywno wpisanym xml:lang, podczas gdy lang pochodzi z języka sklepu. Należy poprawić lub usunąć xml:lang w pliku układu Liquid motywu.
W Shoptet (CZ)
Rzadkie; jeśli występuje, pochodzi z szablonu lub modyfikacji nagłówka strony. Należy poprosić Shoptet lub partnera Shoptet o ujednolicenie lub usunięcie xml:lang.
W PrestaShop
Zwykle w starszych lub zmodyfikowanych motywach, gdzie xml:lang jest wpisany na sztywno w szablonie układu .tpl. Należy użyć tego samego kodu ISO języka co w lang albo usunąć atrybut.
W WooCommerce
Zwykle w starszych motywach z nagłówkiem w stylu XHTML, gdzie xml:lang jest wpisany na sztywno, lub gdy wtyczka wielojęzyczna zmienia tylko lang. Należy poprawić znacznik <html> w szablonie nagłówka motywu potomnego, najlepiej wyświetlając tylko language_attributes().
Normy
| Norma | Punkt |
|---|---|
| WCAG 2.2 | 3.1.1 (A) Language of Page |
| WCAG 2.1 | 3.1.1 (A) Language of Page |
| WCAG 2.0 | 3.1.1 (A) Language of Page |
| EN 301 549 4.1.1 | 9.3.1.1 |
| EN 301 549 3.2.1 | 9.3.1.1 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.3.1.1 |
Automatyczny test: reguła axe-core html-xml-lang-mismatch.
dequeuniversity.com, github.com, www.w3.org
Podobne testy
-
Przyciski i linki są za małe, by wygodnie je dotknąć
WCAG 2.5.8 AA
-
Pola formularza nie mają etykiet
WCAG 4.1.2 A
-
Niektóre grafiki wektorowe nie mają opisu tekstowego
WCAG 1.1.1 A
-
Niektóre nagłówki to tylko pogrubiony lub duży tekst
WCAG 1.3.1 A