可访问的链接

我在引导程序中有几个输入元素 panel-heading . 我在这些上有点击处理程序,使用鼠标可以很好地工作,但我需要它们可以通过键盘操作,以符合WCAG的要求。有没有一种简单的方法让他们响应单击或空格键/回车键?我能看到的唯一方法是:

• 将标签更改为按钮并使用CSS删除按钮样式
• 向文档中添加keydown触发器并检查 e.keyCode

这两种方法似乎都很冗长,如果哈奇的话,那也很亲切。

编辑 :具体而言。在标题中,我有以下结构:

------------------------------------------
- \/ Section Name      [15]       [On/Off]
------------------------------------------

将元素包装为单个 <a> 标记允许它们接收焦点,但只有实际单击节名称才会触发扩展处理程序。