Щороку WebAIM (Web Accessibility In Mind) проводить найбільшу автоматичну перевірку доступності в інтернеті - «WebAIM Million», що охоплює головні сторінки мільйона найбільших сайтів. Випуск 2026 року показав, що понад половина цих сторінок досі порушують найбазовішу вимогу до зображень: давати кожному змістовному зображенню текстову альтернативу. Це друге за частотою порушення доступності в інтернеті після низькоконтрастного тексту, і, на відміну від більшості бар'єрів, його справді швидко виправити. Ось у чому вимога, чого AODA (Accessibility for Ontarians with Disabilities Act) Онтаріо і WCAG (Web Content Accessibility Guidelines) очікують від зображень і як зробити все правильно.
Ключові факти
- Аналіз WebAIM «WebAIM Million» 2026 року за 1 000 000 головних сторінок показав, що на 53,1% у зображень не було альтернативного тексту - це друге за частотою порушення доступності після низькоконтрастного тексту з 83,9% (WebAIM).
- На цих сторінках у 16,2% усіх зображень (близько 10,8 на сторінку) не було alt-тексту - хоча роком раніше показник був гіршим, 18,5% (WebAIM).
- На головних сторінках було в середньому 56,1 виявлюваної помилки, на 10,1% більше, ніж у 2025 році; ті самі шість типів порушень, зокрема відсутній alt-текст, очолюють список сьомий рік поспіль (WebAIM).
- Alt-текст належить до критерію успіху WCAG 1.1.1 «Нетекстовий контент», рівень A - найбазовіший рівень відповідності, нижчий за рівень AA, на який посилається закон Онтаріо (W3C).
- За розділом 14 IASR Онтаріо (Регламент про інтегровані стандарти доступності, O. Reg. 191/11) великі організації (50+ працівників) мають забезпечити відповідність публічних сайтів WCAG 2.0 рівня AA, що містить 1.1.1 (ontario.ca).
- Наступний строк ACR (звіту про відповідність вимогам доступності) для організацій із 20 і більше працівниками - 31 грудня 2026 року (ontario.ca).
Що таке alt-текст і чому важливий один відсутній атрибут?
Alt-текст - атрибут alt у зображення - це текстова альтернатива, яку екранний читач оголошує замість картинки, і текст, який браузер показує, якщо зображення не завантажилося. Незряча людина не бачить вашого фото товару, іконки «У кошик» чи інфографіки; екранний читач читає їй alt-текст. Коли атрибута немає, стається одне з двох: зображення мовчки пропускається, і контенту просто немає, або екранний читач відкочується до читання імені файлу, і відвідувач чує «I-M-G підкреслення 4 0 2 3 крапка jpg» там, де ви мали на увазі «Червона зимова парка, 189 $».
Тому відсутній alt-текст вважається порушенням, хоча сторінка для зрячого користувача має нормальний вигляд. Інформація є для одних відвідувачів і відсутня для інших - саме цей розрив і покликаний закрити WCAG 1.1.1. І тому ж цей бар'єр непропорційно шкодить інтернет-магазину, де зображення і є товаром. Разом із ним до топу порушень входять низькоконтрастний текст і відсутні підписи форм; разом із колірним контрастом ці три дають більшу частину того, що ловить базове сканування.
Що насправді вимагає AODA Онтаріо для зображень?
Розділ 14 IASR Онтаріо вимагає, щоб публічні сайти великих організацій (50+ працівників) відповідали WCAG 2.0 рівня AA. Критерій успіху 1.1.1 входить до цього стандарту, причому на рівні A, найнижчому. Простими словами: давати текстові альтернативи зображенням - не просунутий пункт «за бажанням». Це найбазовіше, чого вимагає стандарт, і тому 53% порушень такі помітні.
Правильно виконати 1.1.1 - означає дібрати alt-текст під завдання зображення:
- Інформативним зображенням (фото товару, графік, фото, що несе зміст) потрібен короткий опис того, що на них показано чи що вони означають.
- Функціональним зображенням (зображення-посилання чи кнопка - іконка кошика, логотип, що веде на головну) потрібен alt-текст, який описує дію чи призначення, а не картинку.
- Декоративні зображення (фоновий орнамент, розділювач) мають мати порожній alt (
alt=""), щоб екранний читач їх пропускав: порожній alt тут правильний, а відсутній - ні.
Чи зобов'язані ви дотримуватися ширших письмових обов'язків, залежить від чисельності - межа в Онтаріо проходить між 20 і 50 працівниками, - але технічні очікування WCAG стосуються самого сайту.
Чому автоматичний alt-текст і оверлеї не справляються?
Бо текстова альтернатива має передавати призначення зображення в контексті, а машина не може надійно це вивести. Оверлеї доступності й деякі ШІ-інструменти рекламують автоматичний alt-текст, але автоматичні описи часто розпливчасті («зображення», «графіка»), буквально неправильні чи не бачать, навіщо зображення на сторінці: ШІ може підписати іконку-галочку «зелена галочка», хоча її завдання - означати «в наявності». FTC США (Федеральна торгова комісія) ужила заходів проти постачальника оверлеїв через заяви про доступність, визнані необґрунтованими, а автоматичний alt-текст - хрестоматійний приклад розриву між щось є і це справді працює.
Тут є й пастка вимірювання: автоматичне сканування може знайти відсутній атрибут alt, але не може оцінити, чи точний наявний alt-текст. Сторінка може пройти машинну перевірку з «фото» на кожному зображенні й однаково підвести реального користувача. У цьому різниця між сканером і аудитом людиною - і чому прикрутити віджет - не те саме, що виправити джерело.
Як бізнесу Онтаріо правильно зробити alt-текст зображень?
Це одне з найвигідніших виправлень із можливих:
- Проведіть інвентаризацію зображень - на головній, сторінках товарів і послуг і в усіх галереях товарів Shopify.
- Розберіть кожне: інформативне, функціональне чи декоративне.
- Пишіть короткий alt-текст, починаючи з призначення - без «зображення...» (екранний читач і так каже «зображення»), опишіть те, що важливо, а декоративним дайте порожній
alt="". - Не напихайте ключовими словами. Alt-текст для користувача, а не для позицій у пошуку; задовгий чи напханий словами alt-текст шкодить тим, хто на нього покладається.
- Перевіряйте у два проходи - сканування, щоб знайти відсутні атрибути, потім ручна перевірка (екранним читачем чи аудитом), щоб переконатися, що описи справді правильні.
Виправлення alt-тексту саме по собі не зробить сайт повністю відповідним, але прибере один із найчастіших - і найвиправніших - бар'єрів між вашим контентом і людьми, які намагаються ним користуватися. Це частина тієї самої роботи з вихідним кодом, яка витримує перевірку, якщо скаргу колись перевірять, поряд із колірним контрастом і доступними формами. В Онтаріо реальний шлях правозастосування йде через HRTO (Трибунал із прав людини Онтаріо) за Кодексом прав людини Онтаріо - і через ADA (Americans with Disabilities Act), якщо ви продаєте клієнтам у США, - а перевіряють те, що людина з інвалідністю насправді могла зробити на вашому сайті.
Дізнайтеся, у яких зображень на вашому сайті немає alt-тексту, - безкоштовний звіт Vayle, приблизно 30 секунд: vayle.art. Він виявляє оверлеї, показує реальні порушення WCAG і точно каже, що юридично стосується вашої організації в Онтаріо. Без зобов'язань.
Vayle працює віддалено й займається інженерною доступністю сайтів для бізнесу Онтаріо. Загальна інформація, а не юридична консультація.