Вимога 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
Схожі перевірки
-
Уся сторінка прихована від програм зчитування з екрана
WCAG 1.3.1 A
-
Випадний список не має підпису
WCAG 4.1.2 A
-
У великих таблицях є клітинки без заголовків
WCAG 1.3.1 A
-
Деякими областями з прокруткою не можна користуватися з клавіатури
WCAG 2.1.1 A