Сайт без мыши: как пройти по ссылкам и формам только с клавиатуры
Сайты рассчитаны на мышь, но почти все они работают и с клавиатуры — если знать несколько правил. Проблема обычно не в браузере, а в том, что человек не видит, куда перешёл фокус, и не понимает, какая клавиша что делает. Разберём базовый набор и способы проверить, что сайт действительно доступен с клавиатуры.
Базовый набор клавиш
Tab переводит фокус на следующий элемент: ссылку, кнопку, поле ввода.
Shift+Tab возвращает на предыдущий.
Enter активирует ссылку или кнопку.
Пробел нажимает кнопку и ставит галочку в флажке.
Стрелки двигают выбор внутри списков, меню и переключателей.
Escape закрывает окно, меню или подсказку.
Этого набора хватает для большинства сайтов.
Что такое фокус
Фокус — это отметка «сейчас я работаю с этим элементом».
Когда вы нажимаете Tab, браузер обводит активный элемент рамкой или меняет его фон.
Если обводки не видно, дальше двигаться вслепую: вы не знаете, нажмёте ли вы «Оплатить» или «Удалить».
Правило доступности WCAG 2.4.7 требует, чтобы индикатор фокуса был видимым. Это ответственность сайта, но и пользователь может помочь себе настройками браузера.
Первый Tab на странице
На многих крупных сайтах первый Tab приводит к скрытой ссылке «Перейти к основному содержимому».
Она нужна, чтобы не проходить каждый раз через всё меню.
Если такой ссылки нет, придётся прощёлкивать навигацию — это законно, но утомительно.
Наличие такой ссылки — хороший признак: сайт делали с оглядкой на доступность.
Если рамка не видна
Проверьте, не включён ли режим высокой контрастности: иногда рамка сливается с фоном.
Попробуйте увеличить масштаб страницы Ctrl+плюс — обводка станет заметнее.
В некоторых браузерах есть настройка «Всегда показывать индикатор фокуса».
Если сайт убрал обводку ради красоты, помочь может расширение, принудительно возвращающее рамку, но устанавливайте только проверенные.
Переход между частями окна
F6 переключает фокус между страницей, адресной строкой, панелью закладок и другими областями браузера.
Shift+F6 делает то же в обратном порядке.
Это быстрее, чем тянуться мышью, когда нужно ввести адрес.
Ctrl+L сразу ставит курсор в адресную строку.
Формы и поля ввода
Tab переводит между полями.
Внутри текстового поля стрелки двигают курсор, Home и End — к началу и концу строки.
В выпадающем списке стрелка вниз открывает варианты, Enter выбирает.
Флажок переключается пробелом.
Кнопка «Отправить» срабатывает по Enter, если фокус на ней.
Как проверить доступность сайта
Отключите мышь — физически или мысленно.
Нажмите Tab и пройдите страницу до конца.
Отметьте, везде ли виден фокус.
Проверьте, не «застревает» ли фокус в каком-то блоке: если из виджета нельзя выйти Tab, это ошибка сайта.
Попробуйте оформить заказ или отправить форму только клавиатурой.
Что делать, если фокус застрял
Нажмите Escape — часто это закрывает модальное окно.
Попробуйте Shift+Tab и снова Tab.
Если не помогает, обновите страницу: Ctrl+R.
В крайнем случае закройте вкладку Ctrl+W и откройте заново — данные формы могут потеряться, поэтому сохраните текст заранее.
Всплывающие окна и cookie-баннеры
Баннеры часто перехватывают фокус.
Обычно первый Tab после загрузки попадает именно в баннер.
Примите или отклоните условие клавишами, а не мышью: кнопки в таких баннерах почти всегда доступны с клавиатуры.
Если баннер не закрывается, попробуйте режим чтения — в нём его не будет.
Видео и плееры
Пробел ставит видео на паузу, если фокус на плеере.
Стрелки меняют громкость и позицию.
Кнопка субтитров обычно доступна через Tab.
Если субтитров нет, помогут живые субтитры Windows — они работают поверх любого приложения.
Как это связано с доступностью в целом
Клавиатурная навигация — базовая часть стандарта WCAG.
Требования 2.1.1 и 2.1.2 говорят: всё, что можно сделать мышью, должно делаться клавиатурой, и фокус не должен запираться внутри компонента.
Требование 2.4.3 требует логичного порядка обхода.
Если сайт эти правила нарушает, жалоба в поддержку сайта — нормальная реакция, а не каприз.
Когда проще сменить инструмент
Иногда сайт безнадёжен: фокус пропадает, кнопки не нажимаются.
Тогда выручает экранная клавиатура с мышью, встроенной в неё.
Или мышиные клавиши Windows — управление указателем с цифрового блока.
Или мобильная версия сайта, где интерфейс проще.
Поиск по странице
Ctrl+F открывает поиск по тексту.
Enter переходит к следующему совпадению, Shift+Enter — к предыдущему.
Escape закрывает строку поиска.
Это быстрее, чем прокручивать длинную инструкцию в поисках нужного абзаца.
Ссылки, которые открываются в новой вкладке
После нажатия Enter на такой ссылке фокус остаётся на текущей странице.
Переключение вкладок — Ctrl+Tab.
Закрыть вкладку — Ctrl+W, вернуться к предыдущей — Ctrl+Shift+Tab.
Так можно не терять исходную страницу.
Если сайт недоступен с клавиатуры
Сообщите об этом в поддержку сайта: опишите, на каком шаге фокус пропадает.
Это не жалоба ради жалобы, а полезный отчёт: разработчики часто не проверяют клавиатурный сценарий.
Пока ответа нет, используйте экранную клавиатуру с мышью.
Клавиши в полях с автодополнением
В поисковых строках и адресах появляются подсказки.
Стрелка вниз переходит по списку, Enter выбирает.
Escape закрывает список, не стирая введённое.
Если подсказка перехватывает Tab, попробуйте стрелки: часто они работают надёжнее.
Что запомнить
- Tab вперёд, Shift+Tab назад, Enter активирует, пробел нажимает.
- Видимая рамка фокуса обязательна по WCAG 2.4.7.
- F6 переключает области окна браузера, Ctrl+L — адресную строку.
- Ссылка «к основному содержимому» экономит десятки нажатий.
- Проверка простая: пройти страницу только клавиатурой.
FAQ
Почему Tab не переходит на нужную кнопку?
Возможно, кнопка сделана из элемента без фокуса — это ошибка сайта. Попробуйте Enter на соседнем элементе или обновите страницу.
Можно ли включить постоянную рамку фокуса?
В некоторых браузерах есть соответствующая настройка, также помогают расширения доступности.
Как перейти к адресной строке без мыши?
Ctrl+L или F6.
Работает ли это в любом браузере?
Да, базовые клавиши одинаковы в Edge, Chrome и Firefox.