无障碍链接
Accessible Links
我在 Bootstrap panel-heading 中有几个输入元素。我有这些点击处理程序，使用鼠标可以正常工作，但我需要它们可以通过键盘操作以符合 WCAG 规范。有没有一种简单的方法可以让他们响应点击或 spacebar/enter 按下？我能看到的唯一方法是：
- 将标签更改为按钮并使用 CSS
删除按钮样式
- 向文档添加 keydown 触发器并检查
e.keyCode
如果是 hackkey，两者都显得冗长而友善。
编辑：具体一点。在header中，我有以下结构：
------------------------------------------
- \/ Section Name [15] [On/Off]
------------------------------------------
将元素包裹在单独的 <a> 标签中可以使它们获得焦点，但只有实际单击部分名称才会触发展开处理程序。
我通过使用 <button> 元素而不是锚点和跨度并通过 JavaScript.
切换 aria-expanded 属性来解决这个问题
我在 Bootstrap panel-heading 中有几个输入元素。我有这些点击处理程序，使用鼠标可以正常工作，但我需要它们可以通过键盘操作以符合 WCAG 规范。有没有一种简单的方法可以让他们响应点击或 spacebar/enter 按下？我能看到的唯一方法是：
- 将标签更改为按钮并使用 CSS 删除按钮样式
- 向文档添加 keydown 触发器并检查
e.keyCode
如果是 hackkey，两者都显得冗长而友善。
编辑：具体一点。在header中，我有以下结构：
------------------------------------------
- \/ Section Name [15] [On/Off]
------------------------------------------
将元素包裹在单独的 <a> 标签中可以使它们获得焦点，但只有实际单击部分名称才会触发展开处理程序。
我通过使用 <button> 元素而不是锚点和跨度并通过 JavaScript.
aria-expanded 属性来解决这个问题