使<img>标签可以接受Tab键导航 - 响应TAB键导航

Question

3

我有一个带有OnClick事件的IMG标签。

我发现TAB键导航会跳过这个图像字段，但我需要让它停在那里并将该元素视为常规可制表控件字段。

有没有办法做到这一点？我不能简单地将一个A标签包裹在它周围，因为那会影响各种样式表并破坏设计。

- gene b.

不确定，但尝试将 tabindex="0" 属性添加到其中。但是这可能会破坏选项卡切换的顺序。 - KBN

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Quentin · Accepted Answer

通常最好的方法是使用一个按钮，然后将单击事件绑定到该按钮。

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

您还可以在图像上添加tabindex="0"，以便它出现在选项卡顺序中（无需指定特定位置，因此排序是自然的），但是这样做在辅助技术方面效果不佳。