Vayle
← Статьи

Мобильная и сенсорная доступность: что AODA Онтарио и WCAG требуют для пользователей телефонов (2026)

Слишком маленькие области нажатия, элементы только с перетаскиванием, текст, который не перестраивается, - мобильные нарушения отрезают клиентов, а сканеры их пропускают. Что требуют WCAG и IASR Онтарио и как проверить.

Иллюстрация большого пальца, нажимающего на экран телефона, с выделенным минимальным размером области нажатия WCAG 2.2 в 24 на 24 CSS-пикселя, руководство Vayle по мобильной доступности

Большинство людей, которые приходят в ваш бизнес в Онтарио, приходят с телефона. Они листают большим пальцем, часто одной рукой, иногда в едущем автобусе, иногда с тремором или ограниченной мелкой моторикой, иногда с увеличенным до предела текстом, потому что у них слабое зрение. Если кнопки слишком малы, чтобы надёжно на них нажать, если элемент работает только перетаскиванием или если текст не перестраивается при увеличении, эти клиенты не могут завершить покупку, и, в отличие от ошибки «страница не найдена», ничего не падает, чтобы вам об этом сказать. Посетитель просто уходит. Эти сенсорные нарушения ещё и одни из самых трудных для автоматического сканера, поэтому они и доживают до жалобы.

Ключевые факты

  • WCAG 2.5.8 Размер цели (минимальный) - уровень AA, новое в WCAG 2.2 (Web Content Accessibility Guidelines): интерактивные цели должны быть не меньше 24 на 24 CSS-пикселя или отстоять от соседних целей на 24 CSS-пикселя, с исключением для ссылок внутри предложений (W3C, WCAG 2.2).
  • WCAG 2.5.5 Размер цели (улучшенный) ставит более высокую планку в 44 на 44 CSS-пикселя, но это уровень AAA - лучшая практика, а не требование AA (W3C).
  • WCAG 2.5.7 Перетаскивание - уровень AA, новое в WCAG 2.2: любое действие перетаскивания (ползунок, список с перетаскиванием, карта) должно предлагать альтернативу одним указателем, например кнопки (W3C, WCAG 2.2).
  • Раздел 14 IASR Онтарио (Регламент об интегрированных стандартах доступности, O. Reg. 191/11) требует от организаций с 50 и более сотрудниками соответствия WCAG 2.0 уровня AA - минимуму, который старше сенсорных критериев 2.1 и 2.2, но уже включает 1.4.4 Изменение размера текста (текст увеличивается до 200%) (ontario.ca, O. Reg. 191/11).
  • Следующий срок ACR (отчёта о соответствии требованиям доступности) для организаций Онтарио с 20 и более сотрудниками - 31 декабря 2026 года (ontario.ca).
  • В 2025 году в федеральных судах и судах штатов США было подано 5 114 исков о цифровой доступности по ADA (Americans with Disabilities Act), и среди целей всё чаще называют мобильные приложения и системы онлайн-записи (UsableNet, 2025 Year-End Accessibility Lawsuit Report).

Что AODA Онтарио требует для мобильной и сенсорной доступности?

AODA (Accessibility for Ontarians with Disabilities Act) Онтарио задаёт политику; IASR задаёт техническую планку. Раздел 14 требует от организаций с 50 и более сотрудниками обеспечить соответствие публичных сайтов и веб-контента WCAG 2.0 уровня AA. Здесь есть нюанс, который важно понять правильно: сенсорные критерии - размер цели и перетаскивание - добавлены в WCAG 2.1 и 2.2, после минимума 2.0, который называет IASR. Так что при строгом прочтении закона Онтарио эти конкретные критерии сегодня - лучшая практика, а не законодательный минимум.

Но «лучшая практика» преуменьшает риск по трём причинам. Во-первых, WCAG 2.0 по-прежнему действует на мобильных: 1.4.4 Изменение размера текста (текст до 200%) и 1.3.4 Ориентация (не фиксировать портретный или альбомный режим) входят в минимум IASR и регулярно нарушаются на телефонах. Во-вторых, WCAG 2.2 - действующий стандарт для любого нового сайта, поэтому сайт, выпущенный в 2026 году по спецификации только 2.0, уже устарел. В-третьих, если вы продаёте за пределы Онтарио, фактическая планка выше: правило Министерства юстиции США 2024 года по Title II и практика по ADA ссылаются на WCAG 2.1 уровня AA, а Европейский акт о доступности касается бизнеса Онтарио, продающего в ЕС, - и то и другое втягивает сенсорные критерии в требования. Продажи в США уже поднимают ваш фактический стандарт выше минимума IASR.

Какого размера должна быть область нажатия?

По 2.5.8 Размер цели (минимальный) элемент, на который нажимают, должен быть не меньше 24 на 24 CSS-пикселя - CSS-пиксель здесь стандартная единица, в которой измеряется раскладка, независимо от физической плотности экрана устройства. Если цель меньше, она всё равно может пройти, если вокруг неё не меньше 24 пикселей свободного места, чтобы большой палец не задел соседа. Ссылки внутри предложения освобождены, потому что их ограничивает высота строки.

Типичные нарушители - маленькие кнопки-иконки (крошечный «×», чтобы закрыть, иконки соцсетей, втиснутые в ряд), близко поставленные номера страниц и плотно уложенные пункты меню. Улучшенная цель в 44 на 44 CSS-пикселя (2.5.5, уровень AAA) - размер, который уже рекомендует большинство руководств по мобильному дизайну, поэтому, делая по нему, вы с запасом выполняете минимум AA и лучше служите людям с нарушениями моторики.

Другая мобильная ловушка - зависимость от жестов. 2.5.7 Перетаскивание означает, что ползунок, карусель или элемент сортировки перетаскиванием должен работать и простым нажатием или кнопкой: человеку, который не может выполнить длительное перетаскивание (или пользуется переключателем или вспомогательным указателем), всё равно нужен путь. На той же логике основано то, почему виджет-оверлей этого не исправит: скрипт поверх страницы не может переделать элемент только с перетаскиванием в то, чем можно управлять одним нажатием.

Как проверить свой мобильный сайт и чем рискуете, если этого не сделать?

Первую проверку можно сделать на настоящем телефоне за несколько минут:

  1. Откройте ключевую страницу на телефоне и попробуйте нажать каждую кнопку и ссылку большим пальцем, включая маленькие иконки. Если промахиваетесь или приходится увеличивать, чтобы попасть, элемент слишком мал (2.5.8).
  2. Найдите любой ползунок, карусель или элемент с перетаскиванием и убедитесь, что он реагирует и на простое нажатие или у него есть видимые кнопки (2.5.7).
  3. Увеличьте страницу до 200% (или увеличьте системный шрифт) и убедитесь, что текст растёт, а раскладка перестраивается в одну колонку без горизонтальной прокрутки и без обрезанного контента (1.4.4 и 1.4.10 Перекомпоновка уровня AA).
  4. Пройдите реальную задачу от начала до конца - поиск, добавление в корзину, заполнение формы, оплата - только касаниями. Ваши формы и оформление заказа ломаются здесь чаще всего, и именно там это стоит вам продажи. Это то же слепое пятно, что стоит за статьёй почему сканирование - не аудит: отступы областей нажатия и альтернативы жестам проверяет человек, а не робот.

В Онтарио у AODA нет права частного иска - по нему частные лица не могут подать в суд. Путь для человека - HRTO (Трибунал по правам человека Онтарио), который рассматривает жалобы о дискриминации по Кодексу прав человека Онтарио. У клиента, который не может завершить покупку с телефона, потому что элементы непригодны, есть правдоподобная претензия о неравном доступе к вашим товарам и услугам. А если вы продаёте в США, мобильная недоступность входит в число нарушений, на которые ссылаются иски по ADA, - часть из 5 114 исков о цифровой доступности, поданных в 2025 году. Как и при любом пробеле, долговечная защита - задокументированное исправление: проблемы, найденные на мобильных, выкаченные исправления и даты, - и это же должен отражать честный ACR к 31 декабря 2026 года.

Узнайте, не находит ли проверка на вашем сайте проблем с областями нажатия, мобильной или другой доступностью, - бесплатный отчёт Vayle, примерно 30 секунд: vayle.art. Он обнаруживает оверлеи, показывает реальные нарушения WCAG и точно говорит, что юридически относится к вашей организации в Онтарио. Без обязательств.

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

Узнайте, что тихо отнимает у вас продажи

Пришлите нам свой сайт, и мы вернём 3-5 исправлений по приоритету по дизайну, скорости, конверсии и доступности. Бесплатно, в течение 2 рабочих дней.