WCAG 3.1.2 Мова частин вмісту

Критерій успіху 3.1.2 допомагає людям, які користуються програмами зчитування з екрана, брайлівськими дисплеями чи синтезом мовлення. Коли мова всередині сторінки змінюється, програма теж має змінити вимову; інакше польський відгук покупця на англійській сторінці прочитають за англійськими правилами, і він перетвориться на шум. Це рівень AA, і в EN 301 549 він є пунктом 9.3.1.2 (в Україні — ДСТУ EN 301 549:2022).

Що вимагає критерій

Мова кожного уривка чи фрази має бути програмно визначуваною. У HTML ви додаєте атрибут lang до елемента з текстом іншою мовою, наприклад <blockquote lang="de">…</blockquote> чи <span lang="fr">…</span>. Текст без власного lang успадковує мову сторінки з 3.1.1.

Фраза може складатися з одного слова. Офіційні винятки:

• власні назви (назви брендів, товарів і місць);
• технічні терміни;
• слова невизначеної мови;
• слова чи фрази, що стали частиною мови навколишнього тексту, як-от «café» чи «know-how» в англійській.

Типові помилки в інтернет-магазині

• перемикач мов показує «Deutsch», «Polski», «Українська» без lang на кожному посиланні;
• відгуки покупців чи імпортовані описи постачальника іншою мовою на сторінці товару;
• юридичні повідомлення, таблиці розмірів чи інструкції з догляду, скопійовані іншою мовою;
• маркетинговий слоган англійською в німецькому магазині, написаний повним реченням;
• атрибут lang з недійсним кодом, як-от lang="ua" чи lang="en_US".

Як перевірити

Автоматично: наш сканер запускає правило valid-lang, яке повідомляє про атрибути lang, значення яких не є дійсним кодом мови. Текст іншою мовою без атрибута lang він виявити не може — а це поширеніша помилка, і вона потребує ручної перевірки.

Вручну: перегляньте шаблон сторінки, футер і перемикач мов, потім кілька сторінок товарів із відгуками. Для кожного речення чи фрази іншою мовою (поза наведеними винятками) перевірте елемент і переконайтеся, що він має правильне значення lang.

Як виправити

• Додайте lang до кожного посилання перемикача мов відповідно до мови його напису.
• Обгорніть іншомовні відгуки чи описи елементом із lang; якщо відгуки надходять із застосунку, перевірте, чи може він виводити мову відгуку.
• Використовуйте дійсні коди: uk для української, en-US через дефіс, а не через підкреслення.
• Якщо відвідувачі мають прочитати скопійований текст, краще перекладіть його, ніж позначайте.

Пов'язані критерії

• 3.1.1 Мова сторінки — мова сторінки за замовчуванням.
• 4.1.2 Назва, роль, значення — доступні назви, які читають допоміжні технології.
• Усі правила, які запускає наш сканер.

Часті запитання

Чи треба позначати кожне іншомовне слово?

Ні. Власні назви, технічні терміни, слова невизначеної мови та слова, що стали частиною навколишньої мови, є винятками. Ціле речення чи уривок іншою мовою потребує позначення.

Чи потрібні перемикачу мов атрибути lang?

Зазвичай так. Посилання на кшталт «Deutsch» чи «Polski» на англійській сторінці — це слова іншою мовою, тож кожне має мати власний атрибут lang, наприклад lang="de".

Що знаходить автоматична перевірка для 3.1.2?

Вона знаходить атрибути lang із недійсними значеннями. Текст іншою мовою зовсім без атрибута lang вона не знайде; для цього потрібна людина, яка прочитає сторінку.