css - tabindex="0" 的不可点击元素是否应该删除 :focus 蓝色轮廓？

我们有一个项目，用户需要使用 tab 键在 UI 中导航。

为了确保顺序导航，我们向这些 div 添加了 tabindex="0"，现在可以使用 tab 键顺序导航。那挺好的。

但是，我们的问题是，这些不可点击的 div 是否应该有轮廓？

我知道如何删除它，问题是从可访问性的角度来看这是否合适？

感谢您的帮助

标签： cssfocusaccessibilitytabindexoutline

如果它们不可点击（或用术语“可操作”），它们不应该真正具有tabindex=0. （有一些罕见的例外）。

如果“导航”是指“使用屏幕阅读器浏览”，那么您可能做错了。只需使用语义 HTML 并让屏幕阅读器负责导航。

焦点指示器是否可见的问题是次要的，但如果它不可操作，它可能不应该有焦点指示器。