Вот несколько способов создания якорей в HTML, доступных с клавиатуры, без использования атрибута href:
-
Используйте атрибут tabindex. Добавляя атрибут tabindex к элементу привязки, вы можете указать порядок, в котором он должен получать фокус, когда пользователи перемещаются с помощью клавиатуры. Например:
Кликируемая привязка -
Используйте JavaScript. Вы можете использовать JavaScript, чтобы добавить прослушиватели событий к элементу привязки и обрабатывать взаимодействия с клавиатурой вручную. Это позволяет вам определить собственное поведение при активации привязки с помощью клавиатуры.
-
Используйте элемент кнопки. Вместо использования привязки вы можете использовать элемент кнопки и оформить его так, чтобы он напоминал ссылку. Кнопки естественным образом доступны с клавиатуры, поэтому вам не нужно добавлять какие-либо дополнительные атрибуты. Например:
-
Реализация ролей ARIA. Роли ARIA (доступные полнофункциональные интернет-приложения) можно использовать для повышения доступности элементов. Вы можете назначить роли ARIA, например
role="link", элементам, не являющимся привязками, чтобы они вели себя как ссылки и были доступны с клавиатуры. -
Используйте элемент привязки с допустимым значением href. Хотя исходное утверждение предлагает альтернативы атрибуту href, важно отметить, что использование допустимого значения href по-прежнему является наиболее распространенным и рекомендуемым методом создания доступных ссылок.