Перейти к содержимому
Pandus
ru Сменить язык
Меню

Требование WCAG A/AA Приоритет: Серьёзно

На странице не указан её язык

Страница не сообщает, на каком она языке, поэтому вспомогательным технологиям приходится угадывать, как произносить текст.

Этот текст переведён автоматически, носитель языка его ещё не вычитал.

Почему это важно для ваших покупателей

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

Кого это касается

  • незрячие покупатели
  • пользователи скринридеров
  • люди, которые пользуются озвучкой текста или переводчиками

Как исправить

Добавьте элементу <html> атрибут lang с основным языком страницы, например <html lang="de">. На многоязычных сайтах задавайте его для каждой языковой версии. Для фрагментов на другом языке используйте lang на этих фрагментах.

В Shopify

Темы Shopify обычно задают язык из локали магазина в основном файле layout. Если его нет, добавьте атрибут lang к тегу <html> в Liquid-файле layout темы.

В Shoptet (CZ)

Язык обычно задаёт шаблон. Если его нет, сообщите об этом в Shoptet или партнёру: базовый layout — часть шаблона.

В PrestaShop

Основной шаблон layout темы обычно задаёт lang по языку магазина. Если его нет, добавьте его к тегу <html> в файле layout .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

Похожие проверки

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