使<img/>标记为tabbable - 响应TAB键导航

时间:2014-05-05 14:55:09

标签: html css image

我有一个IMG标签,它有一个关联的OnClick事件。

我看到TAB键导航会跳过此图像字段,但我需要将其停在那里并将该元素视为常规的可列表控制字段。

有办法做到这一点吗?我不能在它周围包裹一个简单的A标签,因为这会影响各种样式表并破坏设计。

1 个答案:

答案 0 :(得分:2)

通常,最好的方法是使用按钮,然后将click事件绑定到该按钮。

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

您还可以将tabindex="0"粘贴到图像上,使其显示在Tab键顺序中(不指定特定位置,因此排序是自然的),但这并不能给出与AT一样好的结果