Попробуйте на своём сайте: уберите мышь и перемещайтесь по странице одной клавишей Tab. Фокус прыгает от одной ссылки или кнопки к следующей, и страница прокручивается следом. А потом на многих сайтах Онтарио что-то тихо ломается. Липкая шапка съезжает поверх верхней части страницы, или баннер cookie висит, прикреплённый к низу, или пузырь живого чата плавает в углу, и он закрывает ровно тот элемент, на который вы только что попали. Вы больше не видите, где находитесь. Для того, кто перемещается без мыши, это момент, когда сайт перестаёт быть пригодным. WCAG 2.2 дал этому сбою имя, и его стоит понять до даты отчётности Онтарио в декабре 2026 года.
Ключевые факты
- 2.4.11 «Фокус не закрыт (минимум)» - критерий успеха уровня AA, новый в WCAG 2.2 (Web Content Accessibility Guidelines), опубликованной W3C в октябре 2023 года (W3C).
- Критерий требует, чтобы элемент, получивший фокус клавиатуры, не был полностью скрыт контентом, который добавил автор сайта, например липкой шапкой, липким подвалом или баннером cookie (W3C).
- Раздел 14 IASR Онтарио (Регламент об интегрированных стандартах доступности, O. Reg. 191/11) сейчас требует WCAG 2.0 уровня AA, а не 2.2, от организаций с 50 и более сотрудниками (ontario.ca).
- Следующий ACR (отчёт о соответствии требованиям доступности) нужно подать до 31 декабря 2026 года организациям с 20 и более сотрудниками (ontario.ca).
- У AODA (Accessibility for Ontarians with Disabilities Act) нет права частного иска; путь для частного лица - жалоба в HRTO (Трибунал по правам человека Онтарио) по Кодексу прав человека Онтарио (ontario.ca).
Что на самом деле значит «фокус не закрыт»?
Пользователь клавиатуры перемещается по странице от одного элемента, получающего фокус, к другому. На каждой остановке должен быть видимый индикатор фокуса, чтобы человек видел, какая ссылка, кнопка или поле активны. Критерий 2.4.11 добавляет второе, отдельное требование: сам элемент с фокусом не должен быть полностью скрыт чем-то, что сайт кладёт поверх него.
Слово «минимум» важно. Это правило требует лишь, чтобы хотя бы часть элемента с фокусом оставалась видимой. Более строгий родственник, 2.4.12 «Фокус не закрыт (расширенный)», относится к уровню AAA и требует, чтобы его не закрывало вообще ничего. Для большинства бизнесов Онтарио практическая цель - версия уровня AA: ничто из того, что вы построили, не должно проглатывать элемент с фокусом целиком.
Где это ломается в реальной жизни? Почти всегда на контенте, который остаётся на месте, пока страница прокручивается:
- Липкая шапка навигации, которая при прокрутке наезжает на ссылку с фокусом и хоронит её.
- Полоса cookie или согласия, прикреплённая к низу окна и лежащая поверх последнего элемента управления на странице.
- Виджет живого чата или плавающая кнопка «наверх», припаркованная в углу.
Ничто из этого не выглядит сломанным для пользователя мыши, потому что мышь никогда не зависит от того, прокрутит ли браузер фокус в зону видимости. Именно поэтому проблема живёт так долго: те, кто выпускает сайт, редко проходят его клавишей Tab.
Требует ли этого Онтарио уже сейчас?
Вот честный ответ, потому что здесь легко преувеличить. Требование IASR к сайтам указывает на WCAG 2.0 уровня AA. Критерий 2.4.11 - дополнение WCAG 2.2, поэтому сам по себе провал по 2.4.11 не нарушает нынешнюю формулировку IASR. Тот, кто говорит вам, что именно этот номер сегодня «закон» в Онтарио, забегает вперёд регламента.
Но две вещи не дают этому остаться теорией.
Во-первых, цель 2.4.11 уже обязательна. WCAG 2.0 уровня AA - та версия, которую Онтарио требует, - включает управление с клавиатуры (2.1.1) и видимый индикатор фокуса (2.4.7). Фокус, который вы буквально не видите, потому что поверх него баннер, подрывает оба требования. Новый критерий не изобрёл обязанность давать пользователям клавиатуры работать; он точнее описал один распространённый способ, которым сайты её нарушают. Если вы уже выполняете требования к работе с клавиатуры, закрытый фокус - пробел в том же охвате.
Во-вторых, стандарт движется. Онтарио сегодня ссылается на WCAG 2.0, но 2.2 - текущая планка лучшей практики, и если строить по ней сейчас, не придётся переделывать работу потом. Мы отдельно разбираем, что изменилось между 2.0 и 2.2 и почему провинция движется к 2.2. Общая мысль: тот, кто подаёт жалобу в HRTO, - реальный клиент, который не смог сделать то, за чем пришёл, а не регулятор, проверяющий номер версии.
Как это найти и исправить?
Найти бесплатно, и это занимает несколько минут. Отключите мышь. Пройдите клавишей Tab от верха страницы до низа и смотрите, не пропадает ли фокус за закреплённым элементом. Сделайте это с открытым баннером cookie, с загруженным виджетом чата и на экране шириной с телефон, потому что там липкие полосы агрессивнее всего.
Исправление место в вашем исходном коде, а не в виджете. Обычная починка - CSS: задайте прокручиваемому контейнеру scroll-padding-top, равный высоте липкой шапки, и добавьте scroll-margin элементам, получающим фокус, чтобы браузер прокручивал каждый элемент с фокусом на свободное место, а не под шапку. Оверлей доступности не может надёжно переставить ваши собственные липкие элементы, потому что не знает их высоты и вашей вёрстки. Это исправление вёрстки, а исправления вёрстки живут в таблице стилей.
Когда закончите, сохраните датированную заметку о том, что вы проверили и изменили. Если жалоба когда-нибудь придёт, эта запись стоит гораздо больше, чем значок.
Хотите узнать, на что пользователь клавиатуры натыкается на вашем сайте, раньше клиента? Бесплатный отчёт Vayle, примерно 30 секунд: vayle.art. Он обнаруживает виджеты-оверлеи, показывает реальные нарушения WCAG и точно говорит, что юридически относится к вашей организации в Онтарио. Без обязательств.
Vayle работает удалённо и занимается инженерной доступностью сайтов для бизнеса Онтарио. Общая информация, а не юридическая консультация.