嵌套元素的 WCAG 可访问性问题

【问题标题】：WCAG accessibility issue with nested elements嵌套元素的 WCAG 可访问性问题
【发布时间】：2016-07-25 08:47:22
【问题描述】：

我在 (<div>) 中有几个方框。每个盒子都有一个带有几个/几个链接的列表（简单的ul li 列表和<a> 元素）。此链接列表是隐藏的，仅在悬停时显示。

它工作得很好，但我有可访问性问题，即我无法使用“tab”键进入任何列表元素（框<div> 工作正常，它获得焦点，所以列表显示），它只是跳到下一个框元素。我试过在每个盒子和里面的每个列表元素上添加tabindex，但似乎这不是解决方案。

是否有任何 CSS/HTML 解决方案？我当然可以编写简单的 JS，它将检查焦点在哪里以及焦点是否有带焦点选项的父级，但如果可能的话，我想避免它。

【问题讨论】：

• 尝试使用 tabinex stackoverflow.com/questions/3059203/tab-index-on-div
• 正如我所说，我在 box 元素和里面的所有子元素上都使用了 tabindex，但不幸的是，我无法进入任何下降元素
• 你能不能把你的代码，我们会看到更好，tks
• 是的，发布代码会有所帮助。我正在使用带有 tabindex 的
• ，它与键盘配合使用效果很好。