【发布时间】：2019-12-20 16:09:22
【问题描述】：
我们有一个项目，用户需要使用 Tab 键在 UI 中导航。
为了确保顺序导航，我们向这些 div 添加了 tabindex="0"，现在可以使用 tab 键顺序导航。这很好。
但是，我们的问题是，这些不可点击的 div 是否应该有轮廓？
我知道如何删除它，问题是从可访问性的角度来看这是否合适？
感谢您的帮助
【问题讨论】：
标签： css focus accessibility tabindex outline
【发布时间】：2019-12-20 16:09:22
【问题描述】：
如果它们不可点击（或用术语“可操作”），它们就不应该有tabindex=0。 （有一些罕见的例外）。
如果您所说的“导航”是指“使用屏幕阅读器浏览”，那么您可能做错了。只需使用语义 HTML，让屏幕阅读器负责导航。
焦点指示器是否可见的问题是次要的，但如果它不可操作，它可能不应该有焦点指示器。
【讨论】：
-
由于某些原因，没有 tabindex="0" 的元素在使用屏幕阅读器使用选项卡导航时被忽略。这导致很多文本没有被阅读。您建议使用什么方法在按下选项卡时让这些 div 成为焦点，并允许进行有意义的顺序导航。感谢您的反馈。
-
提出了一个新问题，围绕使用 tabindex 和替代方案来克服问题stackoverflow.com/questions/59429116/…