Плавная прокрутка при навигации с помощью клавиши "Tab"
Как заставить браузеры плавно прокручивать страницы к выделенному элементу при навигации с помощью клавиши "Tab"?
Заранее спасибо.
Примечание: я искал это, но еще не нашел решение.
2 ответа
Поскольку это обозначено как доступность, простой ответ - нет.
Возможно, вам не понравится, что страница перемещается, но вы должны учитывать противоположный побочный эффект изменения режима прокрутки.
Что делать, если ваш пользователь плохо видит и на вашей странице установлен масштаб 300%. Элемент с вкладками, такой как ссылка, может находиться на многих пикселях за пределами экрана, когда уровни масштабирования настолько высоки, что приходится ждать, пока он не прокрутится, и это только разочаровывает.
Кроме того, для руководящих принципов WCAG 2.1 (я думаю, что для уровня AA) вы должны избегать анимации любого рода или иметь возможность отключить ее для пользователей; вы добавляете много дополнительной работы, когда требуется настройка для удаления этой прокрутки непосредственно внутри вашего сайт. Это связано с тем, что определенные когнитивные нарушения делают анимацию гораздо более неприятной и отвлекающей, чем простой прыжок, а также ожидаемое поведение - изменение ожидаемого поведения может также привести к дезориентации для людей с когнитивными нарушениями.
Еще одна вещь, которую следует учитывать, - для этого вам нужно перехватить клавишу табуляции - это ужасная идея, так как программы чтения с экрана в значительной степени полагаются на эту клавишу в различных сценариях (вкладки в списке элементов переходят к следующему элементу на некотором экране. читатели, перехват клавиши табуляции приведет к неожиданному поведению.)
Не беспокойтесь, пользователи с ограниченными возможностями и здоровыми людьми будут благодарны вам за то, что вы оставили клавишу Tab в покое (я ненавижу, когда люди замедляют мою скорость прокрутки)
Если вы захотите это сделать, вы перехватите нажатие клавиши табуляции и вручную перейдете к следующему элементу табуляции - но, пожалуйста, не делайте этого!!
Вы также (для специальных возможностей и WCAG 2.1) должны затем добавить опцию, чтобы удалить эту функцию в настройках доступности сайта (если они у вас есть).
Плавная прокрутка - это настройка браузера (chrome > about:flags, firefox > about: Предпочтения, т.е.> Инструменты> Параметры> Дополнительно). Возможно, вы сможете программно изменить настройки браузера, но это может показаться угрозой безопасности, которую браузеры заблокируют. Это личная обстановка. Некоторым пользователям это нравится, а некоторым нет. Если вы навязываете это пользователю, которому это не нравится, это было бы нехорошо.