Для зрячих пользователей приятно сосредоточиться на первом действующем элементе, таком как поле поиска на amazon.com (хотя они этого не делают).Но зрячие пользователи могут быстро взглянуть на всю страницу.Они могут видеть, где находится фокус (при условии, что у вас есть индикатор фокусировки, 2.4.7 ) по отношению к остальной части страницы, и сразу узнают, что есть элементы навигации до местоположения фокуса, и больше материала для взаимодействия спосле местоположения фокуса.
Для пользователей со слабым зрением, которые используют лупу, их область просмотра будет смещена, чтобы включить элемент, который имеет фокус.Обычно при загрузке страницы фокус переходит на первый элемент в DOM, который может получить фокус.Обычно это «домашний» логотип в левом верхнем углу (для LTR языков ).Поскольку область просмотра находится в верхнем левом углу, пользователь со слабым зрением будет знать, что он может перетащить свою область просмотра вправо или вниз, чтобы изучить большую часть страницы.Но если первоначальный фокус находится где-то посередине страницы, это может дезориентировать.Пользователь может не знать , где на странице, где он находится.Как далеко от верхнего левого угла сместилось окно просмотра?Как далеко они могут исследовать вверх или вниз, влево или вправо?
Для крайне слабовидящих или слабовидящих или слепых пользователей, пользователей, которые используют программы чтения с экрана, дезориентация еще более драматична.Программное обеспечение для чтения с экрана имеет отличные инструменты навигации, поэтому легко исследовать различные элементы страницы, если используются такие семантические элементы HTML, как
или или .Вы можете перемещаться к заголовкам с помощью клавиши «H», к таблицам с помощью клавиши «T» и к спискам с помощью клавиши «L».Но опять же, пользователи программы чтения с экрана будут ожидать, что начальный фокус будет в верхнем левом углу.Они, безусловно, могут ориентироваться и выяснять, где они находятся на странице, но для этого требуется некоторое познавательное усилие, похожее на экранной лупы пользователя. Итак, как вам сделать приятный опыт для всех этих типов пользователей?(среди многих других типов пользователей тоже)? Как отмечается в одном ответе, " пропуск ссылок " очень удобен.В терминах доступности они называются « обходными блоками » (2.4.1).Они позволяют фокусу по умолчанию находиться в верхнем левом углу (или там, где идет фокус по умолчанию), и когда вы tab , фокус перемещается к «пропустить ссылку», которая является ссылкой на странице, которая позволяет вамперейти к основной части страницы.Это отлично подходит для пользователей, использующих только клавиатуру (которые могут быть зрячими или слабовидящими), пользователей лупы и читателей экрана. Однако, если вы действительно хотите, чтобы фокус был на определенном элементе,если элемент является элементом или autofocus.Для других изначально фокусируемых элементов, таких как , у вас может быть javascript, который запускается при загрузке для вызова focus () для элемента. Это не нарушение WCAG, чтобы иметь первоначальный фокус где-то на страницекроме первого элемента, так что вы можете поместить его в форму, просто сделайте это таким образом, чтобы уменьшить путаницу для пользователей, которые имеют ограниченное зрение или не могут использовать мышь.
Для получения дополнительной информации о tabindex см. «
5.5 Навигация по клавиатуре между компонентами (последовательность вкладок) ».Обратите внимание, что для значений tabindex больше 0, он говорит: «Авторам настоятельно рекомендуется НЕ использовать эти значения.»