Фокус показывает, чем человек управляет сейчас
При навигации клавиатурой фокус обозначает текущий элемент управления. Для понятного сценария человек должен добраться до нужной кнопки, распознать её назначение и перейти дальше в осмысленном порядке. Если фокус сначала попадает в неизвестную область, затем перескакивает за окно и исчезает из видимой части страницы, успешный щелчок мышью ничего не доказывает. Проверяют путь пользователя целиком. Особенно важно, чтобы название действия отражало его смысл: предложение поделиться не должно выглядеть как простое перелистывание текста, если фактически ведёт к отдельному социальному действию.
Окно может удерживать фокус, но должно отпускать
В открытом модальном окне фокус часто перемещается только между его элементами. Само по себе это допустимый способ организации взаимодействия. Проблема возникает, когда выйти с помощью клавиатуры невозможно или способ выхода непонятен. В учебном примере у окна есть действие продолжения и действие отмены. После отмены пользователь должен иметь возможность вернуться к понятному месту страницы и продолжить навигацию. Нельзя считать отказ от социального действия отказом от права пользоваться остальным сайтом. При проверке отдельно рассматривают успешное завершение, отмену и невозможность завершить внешний шаг.
Открытый текст ещё нужно суметь найти
Представим, что после завершения сценария окно исчезает и появляется новый раздел. Визуально изменение заметно, но текущий фокус может остаться связан с исчезнувшим элементом или неожиданно оказаться в начале страницы. Поэтому нужно продумать понятное продолжение: где человек находится, как узнаёт об изменении и как переходит к материалу. Универсальное правило всегда отправлять фокус на первую строку подходит не всем интерфейсам. Важно сохранять смысл и управляемость конкретной последовательности. Разбор на бумаге выявляет очевидные разрывы, но полноценную доступность подтверждают проверкой работающего интерфейса, включая вспомогательные технологии.
Попробуйте на практике
Проверьте бумажную схему вымышленного социального замка. Никаких действий в социальных сетях выполнять не нужно.
- Нарисуйте три состояния: исходная страница, открытое окно выбора и страница с доступным материалом. На каждом отметьте предполагаемое место фокуса.
- В окне добавьте два понятных действия: продолжить выбранный сценарий и отказаться. Нарисуйте последовательность перемещения между доступными элементами клавиатурой.
- Проведите путь отмены обратно на страницу. Отдельно покажите, как посетитель продолжает обычную навигацию, если внешнее действие не завершилось.
- Проведите успешный путь и обозначьте способ обнаружить открывшийся материал. Затем найдите состояние, из которого в вашей схеме пока нет понятного выхода, и исправьте его.
Как проверить результат. Схема прошла проверку, если у каждого состояния есть осмысленное продолжение, отмена не запирает пользователя, а появление текста не оставляет фокус в неизвестном месте. Это проверка логики, а не заключение о соответствии сайта всем требованиям доступности.
Частые вопросы
Достаточно ли добавить кнопку закрытия с красивой иконкой?
Нет. Важно, чтобы её можно было достигнуть и активировать клавиатурой, а назначение было понятно. Внешний вид одного элемента не подтверждает работоспособность всей последовательности.
Любое удержание фокуса внутри окна считается ловушкой?
Нет. Модальное окно может временно ограничивать переходы своими элементами. Ключевое условие состоит в доступном и понятном способе закрыть его или завершить взаимодействие и продолжить работу.
Самостоятельный разбор темы. Содержание конкретной обучающей программы здесь не представлено.