Перейти до вмісту
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

Усі правила, які ми перевіряємо