Клавиатурная навигация

Клавиатурная навигация — это приведение сайта к полной управляемости с клавиатуры: все интерактивные элементы (ссылки, кнопки, поля, меню, табы, аккордеоны, слайдеры, модальные окна) достижимы и работают по Tab/Shift+Tab/Enter/Space/стрелкам, в логичном и предсказуемом порядке, без «ловушек» (откуда нельзя выйти клавишами) и без невидимого фокуса. Честно про зависимость от компонентов, это важно: штатные элементы делаются доступными относительно просто, а сложные кастомные виджеты — труднее, и некоторые СТОРОННИЕ готовые компоненты изначально не поддерживают клавиатуру вовсе. Такие места честно отмечаем и решаем: дорабатываем или заменяем доступной альтернативой; гарантировать поведение чужого готового виджета «как есть» нельзя. Честно про связку: клавиатурная доступность тесно связана с управлением фокусом (807) и доступностью для скринридеров (805) — часто идут в комплексе. Честно про процесс: при добавлении нового интерактива доступность с клавиатуры нужно поддерживать, иначе снова появятся недостижимые элементы. Честно про эффект: критично для людей с моторными нарушениями и пользователей скринридеров; это про доступность, прямой рост продаж не гарантируем. Честно про доступ: нужен доступ к коду/шаблонам. Важная граница: это клавиатурная навигация; видимость и порядок фокуса детально — 807, скринридеры — 805. Представьте: вместо «без мыши по сайту не пройти, элементы недостижимы» — всё работает с клавиатуры в логичном порядке. Базовая цена — от 18 000 ₽ (зависит от числа интерактивных компонентов).

• Без мыши по сайту не пройти — часть элементов недостижима.
• Фокус «застревает» в ловушке или пропадает из виду.
• Порядок перехода по Tab хаотичный и нелогичный.
• Сторонние виджеты не работают с клавиатуры.

• Достижимость всех интерактивных элементов с клавиатуры
• Логичный и предсказуемый порядок перехода (Tab/Shift+Tab)
• Устранение «ловушек» фокуса
• Доступность кастомных виджетов (меню, табы, слайдеры, модалки)
• Отметка/доработка/замена сторонних недоступных компонентов
• Указание границ (чужие виджеты; поддержка при изменениях)
• Связка с управлением фокусом (807) и скринридерами (805)
• Передача и разбор с вами

• Сайт управляется с клавиатуры везде, где это технически возможно (кроме неподдерживаемых сторонних компонентов)
• Логичный порядок перехода без ловушек
• Кастомные и (по возможности) сторонние виджеты доступны
• Критичная база доступа (для моторных нарушений и скринридеров)

• Проходим сайт с клавиатуры, фиксируем недоступные места; собираем доступ
• Делаем элементы достижимыми, чиним порядок и ловушки, дорабатываем виджеты
• Перепроверяем, отмечаем что заменить, даём план поддержки, разбираем с вами

• Все виджеты заработают с клавиатуры?

  Штатные и кастомные элементы мы делаем доступными. Но честно: некоторые сторонние готовые виджеты изначально не поддерживают клавиатуру — их придётся дорабатывать или заменять доступной альтернативой, и гарантировать поведение чужого компонента «как есть» нельзя. Такие места отметим и решим, не выдавая желаемое за сделанное.

• Это то же, что управление фокусом?

  Связанные, но не одно и то же. Клавиатурная навигация — про то, что всё достижимо и работает с клавиш. Управление фокусом (807) — про видимость фокуса, его порядок, возврат и удержание (например, в модалках). Часто делаем в комплексе; честно подскажем, нужны ли обе.

• Один раз сделали — и всё?

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