Перейти до вмісту
Pandus

Вимога WCAG A/AA Пріоритет: Серйозно

Сторінка не вказує, якою мовою вона написана

Сторінка не оголошує свою мову, тому допоміжним технологіям доводиться вгадувати, як вимовляти текст.

Цей текст перекладено автоматично, носій мови його ще не вичитав.

Чому це важливо для ваших покупців

Програма зчитування з екрана може прочитати польський чи німецький текст з англійською вимовою, і описи товарів стане важко зрозуміти. Автоматичний переклад і деякі функції браузера теж працюють гірше.

Кого це стосується

  • незрячі покупці
  • користувачі програм зчитування з екрана
  • люди, які користуються читанням уголос або перекладачами

Як виправити

Додайте атрибут lang до елемента <html> з основною мовою сторінки, наприклад <html lang="de">. На багатомовних сайтах задавайте його для кожної мовної версії окремо. Для невеликих фрагментів іншою мовою використовуйте lang на самих фрагментах.

У Shopify

Теми Shopify зазвичай задають мову з локалі магазину в основному файлі макета. Якщо її немає, додайте атрибут lang до тегу <html> у файлі макета Liquid теми.

У Shoptet (CZ)

Шаблон зазвичай задає мову сам. Якщо її немає, зверніться до Shoptet або до партнера Shoptet, бо базовий макет є частиною шаблону.

У PrestaShop

Основний шаблон макета теми зазвичай задає lang з мови магазину. Якщо атрибута немає, додайте його до тегу <html> у файлі макета .tpl теми.

У WooCommerce

WordPress зазвичай виводить мову через шаблон шапки теми. Якщо її немає, найімовірніше, файл шапки теми не викликає стандартну функцію мовних атрибутів; виправте це в дочірній темі.

Стандарти

Стандарти
СтандартПункт
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-has-lang. dequeuniversity.com, github.com, www.w3.org

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