Добавление сочетаний клавиш со... Заметка
Сообщество RSS DEV

Добавление сочетаний клавиш со стрелками в диалоговое окно подтверждения без нарушения доступности

В этом тексте обсуждается добавление сочетаний клавиш к диалоговому окну подтверждения, в частности, навигация с помощью клавиш со стрелками между кнопками "Отмена" и "Подтвердить". Подчеркивается, что это улучшение, а не замена основных функций доступности. Перечислены основные требования к доступности для подтверждений в стиле оповещений, включая доступные имена, управление фокусом, ограничения клавиатуры, закрытие по нажатию Escape, видимый фокус и возврат фокуса. В качестве основы для модальной семантики и взаимодействия с клавиатурой цитируется шаблон диалогового окна оповещения WAI-ARIA Authoring Practices.Предлагаемое решение изолирует новое сопоставление клавиш со стрелками в чистую функцию и обработчик событий, который перехватывает только нажатия определенных клавиш со стрелками, оставляя другие взаимодействия с клавиатурой, такие как Tab, Shift+Tab и Escape, без изменений. Приведен минимальный пример диалогового окна с использованием нативной HTML-семантики, демонстрирующий фокус на кнопке "Отмена" по умолчанию. Затем в тексте описана процедура тестирования, включающая запуск тестов чистых сопоставлений и ручное тестирование диалогового окна с помощью клавиатуры и программы чтения с экрана. Основной принцип проектирования заключается в добавлении сочетаний клавиш в качестве улучшения вокруг семантических элементов управления, при этом гарантируя, что необработанные клавиши продолжают работать должным образом. Автор отмечает свой вклад в проект MonkeyCode и раскрывает, что описанное поведение основано на общедоступных проблемах и коде.