Accessibility Overlays: What They Are and Do They Really Work?

Accessibility overlay — це JavaScript-скрипт, який додається на вебсайт і обіцяє автоматично виправити проблеми доступності без зміни вихідного коду. Рішення позиціонується як миттєвий шлях до відповідності WCAG та захист від ADA-позовів. Серед найвідоміших продуктів: accessiBe, UserWay, AudioEye, EqualWeb. Проте реальність кардинально відрізняється від маркетингових обіцянок.

Як працює accessibility overlay технічно

Overlay-рішення функціонують за одним принципом: сторонній JavaScript-скрипт завантажується після рендеру сторінки та намагається модифікувати візуальне представлення і деякі ARIA-атрибути на льоту. Ось що відбувається насправді:

1. 1JavaScript inject: Скрипт додає власний UI-шар поверх сторінки — «віджет доступності» у куті екрана. Він пропонує зміну розміру шрифту, контрасту, курсора тощо.
2. 2CSS changes: Overlay може змінювати кольори, збільшувати відступи, підкреслювати посилання — але лише для зрячих користувачів, які активно взаємодіють з віджетом.
3. 3DOM залишається незмінним: Вихідний HTML-код сторінки не змінюється. Overlay не може «виправити» відсутній alt-текст, зламану семантику або відсутні label у першоджерелі.
4. 4Screen reader читає оригінальний DOM: NVDA, JAWS та VoiceOver взаємодіють безпосередньо з DOM-деревом документа, ігноруючи більшість модифікацій overlay. Проблеми доступності для незрячих користувачів залишаються невирішеними.

Що обіцяють overlay-компанії vs реальність

Маркетингові матеріали overlay-компаній рясніють гучними обіцянками, які не витримують перевірки реальним використанням та незалежним тестуванням.

NFB та спільнота людей з інвалідністю проти overlay

Критика overlay-рішень виходить не від конкурентів, а від самої спільноти, заради якої ці продукти нібито створені.

National Federation of the Blind (NFB) — найбільша організація незрячих у США — офіційно засудила overlay-продукти, зокрема accessiBe, назвавши їх оманливим маркетингом, що завдає реальної шкоди незрячим користувачам. NFB зазначила, що такі рішення часто погіршують, а не покращують досвід використання screen reader.

Overlay Fact Sheet (overlayfactsheet.com) — відкрита заява, підписана понад 700 спеціалістів з доступності, дослідників, розробників та людей з інвалідністю з усього світу. Документ фіксує конкретні технічні недоліки overlay та закликає індустрію відмовитися від них на користь реального ремедіації коду.

Незалежне дослідження організації Accessible360 протестувало 10 найпопулярніших overlay-продуктів зі screen reader і виявило, що жоден з них не забезпечив суттєвого покращення доступності для незрячих користувачів. Деякі продукти навіть створювали нові бар'єри, перехоплюючи клавіатурні команди screen reader.

FTC проти accessiBe: штраф $1 млн (січень 2025)

У січні 2025 року Федеральна торгова комісія США (FTC) уклала мирову угоду з accessiBe — одним з найбільших гравців ринку overlay. Компанія погодилася сплатити штраф у розмірі $1 мільйон та зупинити ряд маркетингових практик.

За матеріалами FTC, accessiBe вводила споживачів в оману щодо можливостей свого продукту: компанія стверджувала, що її AI-рішення автоматично забезпечує відповідність WCAG та захищає від судових позовів, тоді як продукт не міг виконати ці обіцянки.

Що це означає для ринку: Справа FTC vs accessiBe є першим великим федеральним прецедентом, який підтверджує: overlay не є законним способом досягнення compliance. Це сигнал для всіх власників сайтів, що покладаються на overlay-рішення як на «юридичний щит» — такий підхід не лише неефективний, а й може бути розглянутий як введення в оману.

Юридичні ризики overlay: що кажуть дані

За даними щорічного звіту UsableNet про ADA-позови у 2025 році, 22.6% усіх позовів про недоступність вебсайтів стосувалися сайтів, на яких вже був встановлений overlay. Це спростовує міф про те, що overlay забезпечує «правовий захист».

Судова практика США свідчить про те, що федеральні суди послідовно відхиляють аргументи відповідачів про те, що наявність overlay-продукту демонструє «добросовісні зусилля» щодо доступності. У справах Robles v. Domino's та низці наступних рішень суди підтвердили: стандартом є реальна доступність для користувачів з інвалідністю, а не наявність певного програмного продукту.

Особливо важливо це для компаній, що обслуговують клієнтів у США та ЄС. European Accessibility Act (EAA), що набрав чинності у червні 2025 року, передбачає ще суворіші вимоги до реальної доступності продуктів і послуг.

Реальні альтернативи overlay

Якщо overlay не є рішенням — що ж тоді працює? Існує три основні підходи до досягнення реальної доступності:

1. Manual remediation (ручне виправлення коду)

Найефективніший і найнадійніший підхід. Команда розробників виправляє HTML, CSS та JavaScript безпосередньо у вихідному коді. Потребує аудиту, пріоритизації та систематичної роботи, але забезпечує стійкий результат. Мінус — час та вартість: повний remediation великого сайту може тривати місяці.

2. DNS-proxy remediation

Принципово відрізняється від overlay. DNS-proxy перехоплює HTTP-запит до сайту і повертає користувачу вже виправлений HTML — зі справжніми alt-текстами, коректними ARIA-атрибутами, виправленою семантикою. Screen reader отримує вже виправлений DOM, а не оригінальний. Саме за таким принципом працює InclusiveWeb.

3. Hybrid approach

Поєднання DNS-proxy для швидкого виправлення критичних проблем із паралельним ремедіаційним процесом у вихідному коді. Дозволяє досягти compliance швидко і підтримувати його тривалий час, поступово переносячи виправлення в код.

DNS-proxy vs overlay: технічна різниця

Ключова різниця між overlay і DNS-proxy підходом InclusiveWeb полягає в тому, на якому рівні відбуваються зміни:

InclusiveWeb не просто «малює» accessibility поверх сайту — платформа реально трансформує HTML перед тим, як він потрапляє до браузера користувача. Це означає, що screen reader, пошукові роботи та будь-який інший клієнт отримують вже доступний контент.

Дізнайтеся, як InclusiveWeb може виправити доступність вашого сайту без зміни вихідного коду: