Вимога 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