Короткая проверка клавиатурой показывает, можно ли пройти основной маршрут сайта без мыши. Она помогает заметить невидимый фокус, пропущенную кнопку, неправильный порядок или окно, из которого нельзя выйти. Это практический аудит нескольких действий, а не полная сертификация доступности.
Выберите маршрут
В учебном примере человек открывает страницу услуги, переходит к описанию, раскрывает вопросы и отправляет форму. Запишите эти действия до проверки. Тестировать все декоративные элементы подряд не требуется: сначала проверьте значимые переходы и ввод.
Откройте опубликованную страницу в обычном браузере. Отложите мышь. Нажимайте Tab для следующего интерактивного элемента и Shift+Tab для предыдущего. У ссылок основное действие выполняет Enter; у стандартных кнопок проверяют также Space. Работа отдельных виджетов может включать стрелки и Escape.
Пройдите страницу последовательно
- Проверьте, видите ли текущую ссылку или кнопку при каждом нажатии Tab.
- Сравните порядок с логикой чтения: меню, основное действие, содержание, форма.
- Откройте подменю и проверьте доступ к подпунктам.
- Раскройте вопрос аккордеона и убедитесь, что ответ доступен.
- Откройте всплывающее окно, найдите закрытие и проверьте возможность вернуться к странице.
- Заполните форму, исправьте ошибку и проверьте сообщение результата.
Для теста используйте учебные данные и разрешённый получатель, чтобы не создавать настоящую заявку клиента. Успешный переход фокуса к кнопке не доказывает доставку данных формы: это отдельная проверка.
Исправляйте конкретную причину
Если обычная ссылка пропущена, проверьте наличие адреса. Нарисованная надпись «Отправить» без поведения не становится кнопкой. Для собственной HTML-вставки используйте соответствующий семантический элемент, а не кликабельный div с одним обработчиком мыши.
В Zero Block проверьте порядок слоёв. В официальной справке Tilda указано, что порядок Tab связан с порядком элементов в разметке и в описанном редактором подходе идёт обратно списку Layers. После перестановки обязательно повторите проверку публикации: визуальная позиция сама по себе не гарантирует нужную последовательность.
Если фокус невидим, ищите CSS, который убирает outline. Если он попадает в скрытый элемент, проверьте способ скрытия и дубли мобильного блока. Не исправляйте весь порядок положительными tabindex: они создают отдельную сложную последовательность и часто ухудшают обслуживание.
Повторите в адаптивной версии
Уменьшите окно до мобильной ширины и пройдите маршрут снова. Это проверяет иной состав видимых элементов, но не заменяет тест на реальном телефоне с используемой вспомогательной технологией. Мобильное меню и отдельная форма могут иметь собственные проблемы.
Запишите каждый сбой с адресом страницы, элементом, клавишей, ожидаемым и фактическим результатом. После исправления повторите именно этот сценарий, затем основной маршрут целиком. Автоматический анализатор полезен дополнительно, но не проходит за человека открытие и закрытие меню.
Для продолжения используйте инструкции про видимый фокус и кнопки в собственной вставке. Для самостоятельного обучения изучите актуальные программы и условия в разделе курсов Perkova&Perkova.