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

WCAG 3.1.1 Язык страницы

Обновлено 14 октября 2026 г. · 3 мин чтения

Уровень
A · WCAG 2.0
EN 301 549
9.3.1.1
Что проверяет тестер
Частично автоматически: На странице не указан её язык, Язык страницы указан неверно, Страница указывает два разных языка
Официальный текст
Understanding 3.1.1 Language of Page (W3C, на английском)

Критерий успеха 3.1.1 позволяет браузерам, программам экранного доступа (скринридерам) и инструментам перевода узнать, на каком языке написана страница. Тогда скринридер выбирает правильный голос и произношение, а брайлевские дисплеи и субтитры применяют правильные правила. Без этого немецкую страницу товара могут прочитать вслух с английским произношением, и её станет трудно понять. Это уровень A, в EN 301 549 он входит как пункт 9.3.1.1. Тот же стандарт принят в Украине как ДСТУ EN 301 549:2022.

Что требует критерий

Основной язык каждой веб-страницы должен определяться программно — программы должны иметь возможность считать его из кода. В HTML для этого служит атрибут lang у элемента <html>, например <html lang="pl">.

Если на странице несколько языков, языком по умолчанию считается тот, что используется больше всего. Если два языка используются поровну — тот, что встречается первым. Исключений у критерия нет, но он требует только язык страницы по умолчанию; отдельные фразы на других языках относятся к 3.1.2.

Типичные ошибки в интернет-магазине

  • в шаблоне темы вообще нет атрибута lang;
  • каждая языковая версия магазина указывает lang="en", потому что атрибут жёстко прописан в теме;
  • недопустимое значение, например lang="english" или lang="ua" (код украинского языка — uk);
  • lang и xml:lang у одного элемента указывают разные языки;
  • страницы оформления заказа или личного кабинета, которые отдаёт другое приложение или шаблон, где атрибут забыт.

Как проверить

Автоматически: наша проверка тестирует это на каждой просканированной странице правилами html-has-lang, html-lang-valid и html-xml-lang-mismatch: отсутствующий атрибут, значение, которое не является допустимым кодом языка, и несовпадение lang и xml:lang.

Вручную: откройте каждую языковую версию магазина и посмотрите исходный код страницы (или панель Elements в инструментах разработчика). Убедитесь, что значение lang совпадает с языком, который на самом деле читают посетители. То же сделайте для страниц оформления заказа, личного кабинета и справки — они часто используют другие шаблоны.

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

  • Добавьте lang к элементу <html> в макете темы, используя допустимый код языка (en, de, pl, uk, cs, ro…). Подтег региона, например en-GB, допустим, но не обязателен.
  • В многоязычных магазинах выводите значение из текущего языка магазина, а не прописывайте его жёстко. В темах Shopify, WooCommerce и PrestaShop для этого обычно есть переменная.
  • Проверьте, что приложения и сторонние страницы оформления заказа тоже задают этот атрибут.

Связанные критерии

Частые вопросы

Как выполнить WCAG 3.1.1?

Укажите в атрибуте lang элемента html основной язык страницы, например lang="de" для немецкой страницы. Каждая языковая версия магазина должна объявлять свой язык.

Что делать, если на странице два языка?

Языком по умолчанию считается тот, который используется на странице больше всего. Фрагменты на другом языке относятся к 3.1.2 «Язык частей текста».

Может ли автоматическая проверка проверить 3.1.1?

В основном да. Она видит, отсутствует ли атрибут lang или указано ли недопустимое значение. Но она не может определить, совпадает ли объявленный язык с языком, на котором на самом деле написан текст, — на это должен взглянуть человек.