Сделать тег <img> tabbable - отвечать на навигацию по клавише TAB

Question

Сделать тег <img> tabbable - отвечать на навигацию по клавише TAB

0

У меня есть тег IMG, который имеет ассоциированное событие OnClick.

Я вижу, что навигационная панель TAB пропускает это поле изображения, но мне нужно, чтобы она остановилась и рассматривала элемент как обычное поле управления с помощью табуляции.

Есть ли способ сделать это? Я не могу просто обернуть вокруг него простой тег A, поскольку это влияет на различные таблицы стилей и разбивает дизайн.

gene b. 05 май 2014, в 16:59

Источник

0

не уверен в этом, но попробуйте добавить к нему атрибут tabindex="0" . Но тогда это может испортить порядок смены вкладок.
KBN 05 май 2014, в 14:56

Теги:

html

css

image

1 ответ

Ещё вопросы

не уверен в этом, но попробуйте добавить к нему атрибут tabindex="0" . Но тогда это может испортить порядок смены вкладок.

Quentin · Accepted Answer · 2014-05-05T12-54-00.000Z

В общем, лучшим подходом является использование кнопки вместо этого и привязка события click к этому.

<button type="button"><img src="..." alt="..."></button>

Вы также можете вставить tabindex="0" на изображение, чтобы он отображался в порядке вкладок (без указания определенного места, чтобы упорядочение было естественным), но это не дает столь же хороших результатов с AT.