Майже на кожній головній сторінці малого бізнесу вона є: карусель у шапці, яка кожні чотири секунди переходить до наступного фото, вічно, просили ви про це чи ні. У більшості тем це налаштування за замовчуванням, вона постачається ввімкненою, і майже ніхто не вважає її проблемою доступності. А це проблема. Рух, який починається сам і ніколи не зупиняється, - справжній бар'єр для людей із порушеннями уваги, які не можуть утримати погляд на абзаці поруч із чимось, що постійно рухається; для людей із вестибулярними розладами, у яких велике ковзне переміщення може спричинити нудоту й запаморочення; і для всіх, хто користується екранною лупою, де зміна слайда висмикує контент з-під збільшеної області. У WCAG є правило про це з 2008 року. Це рівень A, найбазовіший, і він усередині стандарту, який Онтаріо реально застосовує. Виправлення зазвичай - одна кнопка.
Ключові факти
- Критерій успіху 2.2.2 «Пауза, стоп, сховати» WCAG (Web Content Accessibility Guidelines) належить до рівня A і входить до стандарту від часів WCAG 2.0 - найфундаментальнішого рівня відповідності (W3C).
- Правило спрацьовує, коли рухома, миготлива чи прокручувана інформація робить усі три речі: запускається автоматично, триває понад 5 секунд і показується паралельно з іншим контентом. Тоді потрібен механізм, щоб поставити її на паузу, зупинити чи сховати, якщо тільки рух не необхідний для самого завдання (W3C).
- 1.4.2 «Керування звуком» належить до рівня A: звук, який автоматично грає довше 3 секунд, має мати спосіб паузи чи зупинки або регулювання гучності незалежно від системної (W3C).
- 2.3.1 «Три спалахи або нижче порогу» належить до рівня A: на сторінках не має бути нічого, що спалахує частіше ніж тричі за будь-яку секунду (W3C).
- Розділ 14 IASR Онтаріо (Регламент про інтегровані стандарти доступності, O. Reg. 191/11) вимагає від організацій із 50 і більше працівниками відповідності WCAG 2.0 рівня AA на публічних сайтах, а рівень AA містить кожен критерій рівня A (ontario.ca).
- Наступний ACR (звіт про відповідність вимогам доступності) для організацій із 20 і більше працівниками треба подати до 31 грудня 2026 року (ontario.ca).
Що насправді вимагає «Пауза, стоп, сховати»?
Менше, ніж думають. 2.2.2 не забороняє руху, анімації чи каруселей. Він не каже, що ваш слайдер має зникнути. Він каже, що коли контент рухається сам, помітний час, поруч із контентом, який людина намагається прочитати, цій людині треба дати спосіб його зупинити.
Уважно прочитайте три умови, бо багато що залежить від сполучника і. Рух має починатися автоматично, тобто користувач його не запускав. Він має тривати понад п'ять секунд - W3C обрав цей поріг, бо п'яти секунд досить, щоб привернути увагу, але замало, щоб користувач не міг просто перечекати коротку анімацію. І він має йти паралельно з іншим контентом, тобто на сторінці є щось іще, що користувач цілком може намагатися читати, поки воно рухається. Індикатор завантаження, який зникає за дві секунди, не підпадає під жодну умову. Заставка, яка грає сама й закінчується, теж. Карусель у шапці, яка нескінченно крутиться поруч із вашим заголовком, ціннісною пропозицією й закликом до дії, підпадає під усі три, щоразу.
Шпарина вузька. Критерій звільняє рух, який необхідний, а W3C визначає це як контент, вилучення якого фундаментально змінило б інформацію чи функціональність. Індикатор поступу під час завантаження файлу необхідний: він і є інформація. Фото вашої вітрини, що обертається, - ні. Маркетингова вподобаність не робить руху необхідним, і саме тут більшість сайтів тихо провалюються: вони читають «якщо не необхідно» як «якщо нам не хочеться», а слово означає не це.
У критерію є друга половина, яка ловить інший шаблон: автоматично оновлювана інформація, наприклад жива стрічка, біжучий рядок чи ціна, яка оновлюється за таймером. Для автоматично оновлюваного контенту п'ятисекундної відстрочки немає. Якщо він запускається сам і йде поруч з іншим контентом, користувачеві потрібен спосіб поставити його на паузу, сховати чи керувати частотою оновлення.
Чому автоматична карусель у шапці - класичний провал в Онтаріо?
Бо це єдиний рух, увімкнений за замовчуванням майже в кожній комерційній темі, і бо ті, хто її встановлює, рідко читають WCAG. Тема Shopify чи WordPress пропонує слайдер, інтервал зміни задано заздалегідь, автовідтворення позначено, а кнопки паузи немає ніде в панелі налаштувань. Ніхто не додавав бар'єра навмисно. Він прийшов разом із шаблоном.
І проблеми накладаються. Та сама карусель, що провалює 2.2.2 через рух, часто водночас провалюється й за іншими пунктами: стрілки слайдів - кнопки без підписів, які екранний читач оголошує як «кнопка, кнопка», слайди від'їжджають, поки користувач клавіатури ще перебирає посилання всередині одного з них, а весь компонент залежить від жесту перетягування без альтернативи натисканням. Останнє - це 2.5.7 «Перетягування», яке ми розбираємо в посібнику щодо мобільних пристроїв і дотиків; пастка клавіатури - окрема категорія збоїв. Один компонент, кілька різних критеріїв, усі рівня A чи AA.
Варто точно розуміти, який тут закон. IASR вказує на WCAG 2.0 рівня AA, а 2.2.2 належить до рівня A, тож за визначенням перебуває всередині цілі. Це розрив між тим, що Онтаріо застосовує, і тим, який вигляд має сучасна найкраща практика: обов'язковий мінімум - старіша версія, але цей критерій достатньо старий, щоб різниця нікого не рятувала. Він був рівнем A все життя стандарту.
А оскільки рух живе у власному JavaScript вашої теми, прикручений віджет його не виправить. Скрипт-оверлей не може надійно залізти всередину стороннього слайдера й дати йому кнопку паузи, яка переживе наступне оновлення теми, і це загальна причина, чому оверлей - не виправлення.
А як щодо автовідтворення відео, звуку й миготливого контенту?
Три сусідні правила, кожне рівня A, кожне легко порушити.
Автовідтворення звуку (1.4.2). Якщо звук грає сам довше трьох секунд, ви зобов'язані дати користувачеві кнопку паузи чи зупинки або незалежне регулювання гучності. Три секунди, а не п'ять. Причина існування цього критерію конкретна й часто оминається: користувач екранного читача не може просто потягтися до регулятора гучності, бо мовлення самого екранного читача йде через той самий вихід. Фонова музика, яка вмикається під час завантаження сторінки, перекрикує програму, за допомогою якої людина пересувається сайтом. Якщо ваше відео в шапці запускається саме зі звуком, це провал; автовідтворення без звуку 1.4.2 не порушує, хоча рух відео все ще може підпадати під 2.2.2. Субтитри й аудіоопис - окремий обов'язок, що стосується самого медіа.
Миготіння (2.3.1). Ніщо на сторінці не має спалахувати частіше ніж тричі за будь-яку секунду. Річ тут не в роздратуванні. Правило захищає людей із фоточутливою епілепсією, у яких миготіння в неправильному діапазоні частот може спричинити напад. На сайтах бізнесу це рідкість і серйозна проблема, коли трапляється; найчастіше вона приходить через вбудовану рекламу, відео чи декоративну анімацію, яку ніхто не перевірив.
Анімація, запущена взаємодією. Паралакс, рух під час прокручування й елементи, що влітають, поки ви гортаєте сторінку, підпадають під 2.3.3 «Анімація від взаємодій», а це рівень AAA - вище і за обов'язкову межу Онтаріо, і за ціль AA. Це не обов'язково. Але зробити це однаково варто, і майже безкоштовно: урахування медіазапиту prefers-reduced-motion дає змогу відвідувачеві, який уже попросив операційну систему зменшити рух, автоматично отримати від вас спокійнішу сторінку, не шукаючи налаштування на вашому сайті. Вважайте це найкращою практикою, а не відповідністю, і не дайте нікому продати вам це як юридичну вимогу.
Як це перевірити і чим ризикуєте, якщо не перевірите?
Перевірити це можна самостійно, приблизно за п'ять хвилин, без інструментів:
- Завантажте головну й нічого не робіть. Запустіть таймер. Усе, що за п'ять секунд досі рухається, ковзає, блимає чи оновлюється поруч із текстом, потрапляє в зону правила. Тепер пошукайте кнопку паузи. Якщо її немає, це провал за 2.2.2.
- Послухайте. Чи видає щось звук саме по собі? Якщо він триває довше трьох секунд без явної кнопки паузи чи незалежного регулювання гучності, це 1.4.2.
- Перевірте, що кнопка паузи працює для всіх. Кнопка, яка з'являється лише під час наведення миші, не допоможе користувачеві клавіатури. Дійдіть до неї клавішею Tab. Вона має бути досяжною, зрозуміло підписаною («Зупинити слайд-шоу», а не іконка без підпису) і справді зупиняти обертання, а не перезапускати його на наступному слайді.
- Перевірте внутрішні шаблони. Слайдери розмножуються на головних, але ховаються й у блоках відгуків, смугах логотипів і галереях товарів.
Автоматичний сканер цього за вас не зробить. Сканер може помітити, що до елемента прив'язано CSS-анімацію; він не може оцінити, чи триває цей рух довше п'яти секунд, чи стоїть він поруч із контентом, який хтось читає, чи він необхідний і чи справді додана вами кнопка його зупиняє. Це саме одне з тих рішень, що потребують судження, через які сканування - не аудит, і з тієї самої причини чистий автоматичний звіт мало що доводить.
Щодо ставок, чесна картина та сама, що й у будь-якого бар'єра доступу. В Онтаріо в AODA (Accessibility for Ontarians with Disabilities Act) немає права приватного позову, тож напряму за ним на вас ніхто не подає. Чинний шлях для приватної особи - HRTO (Трибунал із прав людини Онтаріо), який розглядає скарги за Кодексом прав людини Онтаріо, і ось як насправді розгортається одна скарга. Якщо ви продаєте в США, рухомий контент і автовідтворення медіа - звичайні пункти в позовах за ADA (Americans with Disabilities Act) щодо сайтів. Довговічна відповідь - не застереження й не віджет. Це задокументоване виправлення: датований запис того, що ви знайшли і що виправили, - те, що має відображати чесний ACR до 31 грудня 2026 року.
Добра новина, що буває нечасто: це одна з найдешевших категорій збоїв. Кнопка паузи на каруселі - невелика ізольована зміна. Вона в списку тому, що трапляється скрізь, а не тому, що це складно.
Дізнайтеся, чи немає на вашому сайті руху, який не можна зупинити, і перевірте інші проблеми доступності - безкоштовний звіт Vayle, приблизно 30 секунд: vayle.art. Він виявляє віджети-оверлеї, показує реальні порушення WCAG і точно каже, що юридично стосується вашої організації в Онтаріо. Без зобов'язань.
Vayle працює віддалено й займається інженерною доступністю сайтів для бізнесу Онтаріо. Загальна інформація, а не юридична консультація.