Перейти к содержимому
Pandus

Требование 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

Все правила, которые мы проверяем