Требование WCAG A/AA Приоритет: Умеренно
Страница указывает два разных языка
У тега <html> страницы есть и атрибут lang, и атрибут xml:lang, и они называют разные языки, например lang="de" и xml:lang="en".
Этот текст переведён автоматически, носитель языка его ещё не вычитал.
Почему это важно для ваших покупателей
Программы, которые читают xml:lang, могут принять немецкую страницу за английскую. Тогда скринридер прочитает названия товаров, цены и инструкции по оформлению заказа с неправильным произношением, а переводчики могут неверно определить язык.
Кого это касается
- незрячие покупатели
- пользователи скринридеров
- люди, которые пользуются озвучиванием текста или переводчиками
Как исправить
Сделайте так, чтобы оба атрибута называли один и тот же язык, например lang="pl" xml:lang="pl". На обычной странице HTML5 атрибут xml:lang не нужен, поэтому проще всего удалить его и оставить правильный lang. Проверьте каждую языковую версию магазина: расхождение часто есть только на переведённых страницах.
В Shopify
В современных темах встречается редко. Обычно причина в старом или сильно изменённом файле макета с жёстко прописанным xml:lang, тогда как lang берётся из языка магазина. Исправьте или удалите xml:lang в файле макета Liquid темы.
В Shoptet (CZ)
Встречается редко; если есть, идёт из шаблона или доработки шапки страницы. Попросите Shoptet или партнёра Shoptet согласовать или удалить xml:lang.
В PrestaShop
Обычно в старых или изменённых темах, где xml:lang жёстко прописан в шаблоне макета .tpl. Используйте тот же ISO-код языка, что и в lang, или удалите атрибут.
В WooCommerce
Обычно в старых темах с заголовком в стиле XHTML, где xml:lang прописан жёстко, или когда мультиязычный плагин меняет только lang. Исправьте тег <html> в шаблоне header дочерней темы, лучше всего выводя только language_attributes().
Стандарты
| Стандарт | Пункт |
|---|---|
| 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 |
Автоматическая проверка: правило axe-core html-xml-lang-mismatch.
dequeuniversity.com, github.com, www.w3.org
Похожие проверки
-
Кнопки и ссылки слишком маленькие, по ним трудно попасть
WCAG 2.5.8 AA
-
У полей формы нет подписей
WCAG 4.1.2 A
-
У некоторых векторных изображений нет текстового описания
WCAG 1.1.1 A
-
Некоторые заголовки — это просто жирный или крупный текст
WCAG 1.3.1 A