无障碍链接

Question

我在Bootstrap panel-heading中有一些输入元素。我有点击处理程序，使用鼠标工作正常，但我需要它们是键盘可操作符合WCAG。有没有一种简单的方法让他们响应点击或空格键/输入按？我能看到的唯一方法是：

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

如果有hackey，这两个看起来都很啰嗦。

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

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

将单个<a>标记中的元素包装起来可以让它们获得焦点，但只有实际单击节名称才会触发展开处理程序。

Answer 1

我通过使用<button>元素而不是锚点和跨度以及通过JavaScript切换aria-expanded属性来解决这个问题。