Vayle
← Статті

Зниклий тег мови: що вимога WCAG до `lang` означає для сайтів Онтаріо (2026)

Один атрибут HTML повідомляє екранному читачеві, якою мовою сторінка і яким голосом її читати. Без нього французьку сторінку прочитає англійський голос, і вийде шум. Його немає на 13,5% з мільйона головних сторінок. Ось як виправити.

Обкладинка: атрибут HTML lang і WCAG 3.1.1 «Мова сторінки» з даними WebAIM Million 2026 про те, що мову документа не вказано на 13,5 відсотка з мільйона найбільших головних сторінок (текст на зображенні англійською)

Кожна вебсторінка має у власному коді оголошувати, якою мовою її написано. Це робиться одним атрибутом у відкривальному тегу HTML: lang="en" для англійської чи lang="fr" для французької, і зрячий відвідувач його ніколи не бачить. Екранний читач залежить від нього повністю. Саме за цим атрибутом допоміжна технологія вирішує, який рушій вимови завантажити, яким голосом говорити і як читати кожне слово, число й скорочення на сторінці. Помиліться чи пропустіть його, і програмі доведеться вгадувати, зазвичай відкочуючись до мови за замовчуванням у користувача. На французькій сторінці, яку читає англійський голос, виходить не легкий акцент. Виходить потік англійської фонетики, накладеної на французькі слова, майже нерозбірливий. Для провінції з великим франкомовним населенням і бізнесами, які публікують обома офіційними мовами, це не крайній випадок. Це живий бар'єр, схований в одному рядку розмітки.

Ключові факти

  • Відсутність мови документа знайшлася на 13,5% з 1 000 000 найбільших головних сторінок у скануванні WebAIM Million 2026 - це один із шести найчастіших збоїв, які знаходить WebAIM; у 2025 році було 15,8%, у 2019 році 33,1% (WebAIM).
  • Критерій успіху 3.1.1 «Мова сторінки» WCAG (Web Content Accessibility Guidelines) належить до рівня A і входить до стандарту від часів WCAG 2.0 - це найбазовіший рівень відповідності, усередині обов'язкового мінімуму Онтаріо (W3C).
  • 3.1.2 «Мова частин» належить до рівня AA й охоплює фрагменти, де мова змінюється посеред сторінки, наприклад французька фраза в англійському абзаці (W3C).
  • Розділ 14 IASR Онтаріо (Регламент про інтегровані стандарти доступності, O. Reg. 191/11) вимагає від організацій із 50 і більше працівниками відповідності WCAG 2.0 рівня AA на публічних сайтах, а рівень AA містить кожен критерій рівня A, зокрема 3.1.1 (ontario.ca).
  • Наступний ACR (звіт про відповідність вимогам доступності) для організацій із 20 і більше працівниками треба подати до 31 грудня 2026 року (ontario.ca).

Що насправді робить тег мови?

3.1.1 «Мова сторінки» просить одного: основну людську мову сторінки має бути задано в коді, щоб програми могли її прочитати. На практиці це атрибут lang в елемента <html> із правильним дволітерним кодом, en чи fr, а для канадської французької можна уточнити: fr-CA (для української сторінки це uk, для російської - ru). Це критерій рівня A, найнижчого й фундаментального, і саме тому він усередині закону Онтаріо: усе, що належить до рівня A, входить до цілі WCAG 2.0 рівня AA, на яку вказує IASR, тож відсутність оголошення мови - провал за тією версією WCAG, яку провінція реально застосовує, а не приємне доповнення зверху.

Важливо це через вимову. Екранний читач тримає окремий голос і фонетичний рушій для кожної мови, яку підтримує. Атрибут lang - перемикач, який каже, який із них використати. Без оголошення програма читає сторінку тією мовою, яку користувач обрав за замовчуванням, тож читач, налаштований на англійську, спробує прочитати французький, іспанський чи німецький текст за англійськими правилами й видасть щось середнє між покаліченим акцентом і чистим шумом. Задайте атрибут правильно, і ті самі слова прозвучать чисто, потрібним голосом і з потрібною інтонацією. Є й тиха користь: пошуковики, інструменти перекладу й функції браузера спираються на той самий сигнал, щоб правильно обробляти ваш контент.

Чому відсутній чи хибний lang ламає двомовний сайт в Онтаріо?

Бо двомовна публікація множить способи помилитися. Багато організацій Онтаріо ведуть паралельні англійську й французьку версії сайту, і часта помилка - зібрати французькі сторінки з англійського шаблону й так і не змінити значення lang. Французька сторінка успадковує lang="en", і франкомовний відвідувач з екранним читачем чує свою мову, прочитану англійським голосом. Сторінка має бездоганний вигляд і водночас функціонально непридатна, а це найгірший вид бар'єра, бо очима його ніхто не помічає.

Споріднений випадок - одна сторінка, де змішано обидві мови: англійська сторінка з французькою назвою товару, слоганом чи цитатою. Саме це охоплює 3.1.2 «Мова частин»: кожен фрагмент контенту іншою мовою має бути позначений власним lang, щоб читач перемкнув голос на цю фразу й потім перемкнувся назад. Це рівень AA, тож він стоїть на тій самій обов'язковій межі, що й решта стандарту для великих роботодавців Онтаріо. Нічого з цього прикручений віджет надійно не виправить, бо мову сторінки та її частин оголошують у вашому власному HTML, а не скриптом, накладеним зверху (ось чому оверлей - не виправлення). А відсутній lang - один із класичних дефектів, які знаходяться автоматично: будь-який сканер позначить його за секунди, і саме такі дешеві знахідки заповнюють претензії, складені ШІ.

Як це перевірити і чим ризикуєте, якщо його немає?

Перевірка займає менше хвилини на шаблон, і крім браузера жодних інструментів не треба:

  1. Відкрийте вихідний код і прочитайте початок. Подивіться на відкривальний тег <html>. Якщо атрибута lang немає зовсім, це провал за 3.1.1. Якщо там lang="en" на сторінці, яка насправді французька (чи навпаки), це, мабуть, гірше, бо програми йому довіряють.
  2. Перевірте кожен шаблон, а не лише головну. Головна може бути гаразд, а записи блогу, оформлення замовлення чи французьке дзеркало - ні. Відсутність мови документа була на 13,5% головних сторінок у скануванні WebAIM 2026 року; внутрішні сторінки рідко бувають кращими.
  3. Позначте перемикання. Скрізь, де на сторінці є фраза іншою мовою, обгорніть її й задайте їй lang. Це половина за 3.1.2, яку більшість сайтів пропускає.

Ставки ті самі, що й у будь-якого бар'єра доступу. В Онтаріо в AODA (Accessibility for Ontarians with Disabilities Act) немає права приватного позову, тож напряму за ним ніхто не судиться; чинний шлях для приватної особи - HRTO (Трибунал із прав людини Онтаріо), який розглядає скарги за Кодексом прав людини Онтаріо, і франкомовному клієнтові, якому віддали непридатну французьку сторінку, відмовляють у тому рівному доступі, про який кажуть такі скарги. Якщо ви продаєте в США, невказана мова сторінки - звичайний пункт у позовах за ADA (Americans with Disabilities Act) щодо сайтів. Довговічна відповідь та сама, що потрібна будь-якій прогалині: задокументоване виправлення, датований запис того, що ви знайшли й виправили, - те, що має відображати чесний ACR до 31 грудня 2026 року. А оскільки сканер може підтвердити, що атрибут lang є, але не може оцінити, чи збігається він із мовою, яку людина насправді читає на сторінці, це ще один випадок, коли сканування - не аудит, і він стоїть поруч з іншими структурними сигналами, від яких залежить екранний читач.

Дізнайтеся, чи правильно ваш сайт оголошує мову, і перевірте інші проблеми доступності - безкоштовний звіт Vayle, приблизно 30 секунд: vayle.art. Він виявляє віджети-оверлеї, показує реальні порушення WCAG і точно каже, що юридично стосується вашої організації в Онтаріо. Без зобов'язань.

Vayle працює віддалено й займається інженерною доступністю сайтів для бізнесу Онтаріо. Загальна інформація, а не юридична консультація.

Дізнайтеся, що тихо забирає у вас продажі

Надішліть нам свій сайт, і ми повернемо 3-5 виправлень за пріоритетом щодо дизайну, швидкості, конверсії й доступності. Безкоштовно, протягом 2 робочих днів.