Vayle
← Статьи

Перейти к основному содержимому: что правило WCAG о пропуске блоков значит для сайтов Онтарио (2026)

Ссылка «Перейти к основному содержимому» - самое старое и дешёвое исправление в доступности, и WCAG 2.4.1 «Пропуск блоков» делает её требованием уровня A внутри обязательного минимума Онтарио. Каждая десятая такая ссылка не работает. Правило и как проверить свою.

Обложка руководства по WCAG 2.4.1 «Пропуск блоков» и ссылке «Перейти к основному содержимому» для сайтов Онтарио с пометкой, что каждая десятая ссылка пропуска не работает для пользователей клавиатуры (текст на изображении на английском)

Каждая страница вашего сайта начинается одинаково: логотип, главная навигация, может быть, поиск, может быть, промо-полоса. Для человека, который кликает мышью, этот повторяющийся блок - невидимая мебель: взгляд перепрыгивает прямо к заголовку. Тот, кто перемещается с клавиатуры, экранного чтеца или устройства-переключателя, перепрыгнуть не может. Он попадает в начало страницы и должен пройти через каждую из этих ссылок, по одному нажатию, на каждой странице, прежде чем доберётся до контента, ради которого пришёл. Тридцать ссылок меню, умноженные на каждую страницу и на каждый визит. Ответ WCAG - одно из самых старых и наименее эффектных правил, и одно из самых дешёвых в исполнении: дайте людям способ пропустить повторяющийся блок. Это уровень A, самый базовый уровень соответствия, и он прямо внутри стандарта, который Онтарио реально применяет. Классическое исправление - одна ссылка.

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

  • Критерий успеха 2.4.1 «Пропуск блоков» WCAG (Web Content Accessibility Guidelines) относится к уровню A и входит в стандарт со времён WCAG 2.0 - это самый фундаментальный уровень соответствия (W3C).
  • Правило требует механизма, позволяющего пропустить блоки контента, которые повторяются на нескольких страницах, например навигацию сайта. W3C называет три достаточных способа: ссылка пропуска, правильные ориентиры ARIA / области HTML5 или корректная структура заголовков (W3C).
  • Отчёт WebAIM Million 2026 показал, что примерно 10% проверенных ссылок пропуска на самом деле не работают для пользователей клавиатуры: в разметке они есть, а на практике сломаны (WebAIM).
  • Раздел 14 IASR Онтарио (Регламент об интегрированных стандартах доступности, O. Reg. 191/11) требует от организаций с 50 и более сотрудниками соответствия WCAG 2.0 уровня AA на публичных сайтах, а уровень AA включает каждый критерий уровня A (ontario.ca).
  • Следующий ACR (отчёт о соответствии требованиям доступности) для организаций с 20 и более сотрудниками нужно подать до 31 декабря 2026 года (ontario.ca).

Что на самом деле требует «Пропуск блоков»?

Меньше, чем подсказывает название, и больше, чем делает большинство сайтов. 2.4.1 не просит убрать навигацию, сократить её или изменить её вид. Он просит одного: способа пройти мимо блока, который повторяется от страницы к странице, чтобы человеку, управляющему страницей без мыши, не приходилось продираться через всё меню, чтобы добраться до статьи, товара или формы, ради которых он открыл страницу.

Самый знакомый механизм - ссылка пропуска, та самая «Перейти к основному содержимому», которая, вероятно, у вас на глазах появлялась в левом верхнем углу хорошо сделанного сайта в момент нажатия Tab. Обычно она скрыта, пока не получит фокус клавиатуры, потом появляется, и её активация переносит фокус прямо в начало основного контента. Шаблон «скрыта до получения фокуса» намеренный и разрешённый: ссылке не нужно загромождать визуальный дизайн, ей нужно только быть на месте для того, кому она нужна.

Но ссылка пропуска - не единственный способ выполнить правило, и здесь живёт много путаницы. Достаточные техники W3C дают три дороги к одной цели, и сайт с правильной структурой может соответствовать 2.4.1 вообще без видимой ссылки пропуска. Важно, чтобы механизм пропуска существовал и работал, а не то, какой из трёх вы выбрали.

Почему столько ссылок пропуска подводят тех, для кого они сделаны?

Потому что ссылку пропуска обманчиво легко добавить и удивительно легко сломать. Анализ WebAIM Million 2026 - то же широкое исследование, которое мы разбирали в статье о том, почему доступность в этом году измеримо ухудшилась, - показал, что примерно каждая десятая найденная ссылка пропуска не работала. Ссылка была в HTML, поэтому автоматическая галочка засчитала бы её как «есть», но нажатие на неё ничего полезного не делало.

Способы сломаться постоянны. Ссылка пропуска, которая указывает на якорь, которого на странице больше нет, отправляет фокус в никуда. Ссылка, цель которой на самом деле не может получить фокус - потому что у основной области нет id, до которого ссылка может дотянуться, или место назначения не принимает фокус, - сдвигает видимую страницу, но оставляет фокус клавиатуры в начале, и следующее нажатие Tab возвращает пользователя прямо в меню, из которого он пытался выбраться. А ссылка пропуска, скрытая через display:none вместо правильной техники «визуально скрыта до фокуса», невидима для всех, включая пользователей клавиатуры.

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

Ориентиры и заголовки: какие ещё два способа выполнить 2.4.1?

Если видимая ссылка пропуска не вписывается в ваш дизайн, правило даёт две структурные альтернативы, и обе стоит иметь в любом случае, потому что они помогают далеко за пределами этого одного критерия.

Первая - ориентиры. Если обернуть страницу в правильные области HTML5 - <header>, <nav>, <main>, <footer> - или их аналоги в ARIA, вспомогательные технологии получат встроенную карту. Пользователь экранного чтеца может перейти прямо к области main или переключаться между ориентирами без какой-либо специальной ссылки с вашей стороны. Это та же структурная работа, которая вообще делает сайт пригодным для навигации, поэтому она в центре нашего руководства по экранному чтецу и структуре сайта.

Вторая - корректная структура заголовков: один <h1>, логичный спуск через <h2> и <h3> и никакого декоративного текста, выдающего себя за заголовок. Пользователи экранных чтецов постоянно открывают список всех заголовков и переходят к нужному разделу, а это само по себе способ пропустить повторяющийся блок. Сделайте правильные заголовки и правильные ориентиры, и вы выполните 2.4.1 дважды, а заодно улучшите сайт для поисковиков и зрячих пользователей клавиатуры.

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

Проверить это можно самостоятельно меньше чем за минуту, ничего не устанавливая:

  1. Откройте любую внутреннюю страницу и нажмите Tab один раз. На хорошо сделанном сайте должна появиться ссылка «Перейти к основному содержимому», обычно слева вверху. Нажмите Enter. Затем снова нажмите Tab: следующий элемент, получающий фокус, должен быть внутри основного контента, а не снова в меню. Если фокус прыгает обратно в навигацию, ваша ссылка пропуска - из сломанных.
  2. Если ссылки пропуска нет, проверьте структуру. Использует ли страница настоящие области <main>, <nav> и <header>? Есть ли один <h1> и разумный порядок заголовков? Если и то и другое в порядке, вы, скорее всего, выполняете 2.4.1 структурно.
  3. Следите за закрытым местом приземления. После пропуска видно ли, куда ушёл фокус, или он спрятан под липкой полосой или баннером?

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

Что касается ставок, честная картина та же, что у любого барьера доступа. В Онтарио у AODA (Accessibility for Ontarians with Disabilities Act) нет права частного иска, поэтому напрямую по нему на вас никто не подаёт; действующий путь для частного лица - HRTO (Трибунал по правам человека Онтарио) по Кодексу прав человека Онтарио, и вот как на самом деле разворачивается одна жалоба. Если вы продаёте в США, заблокированная навигация с клавиатуры - обычный пункт в исках по ADA (Americans with Disabilities Act) о сайтах. Долговечный ответ - не оговорка и не прикрученный виджет: оверлей не может надёжно добавить работающую ссылку пропуска на страницу, которую он не строил. Это задокументированное исправление: датированная запись того, что вы нашли и исправили, - то, что должен отражать честный ACR к 31 декабря 2026 года.

Хорошая новость в том, что из всех сбоев в списке этот один из самых дешёвых. Работающая ссылка пропуска - несколько строк HTML. Настоящие ориентиры и заголовки - структура, которая у вас и так должна быть. Он в списке потому, что его так часто нет, а не потому, что это сложно.

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

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

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

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