具有tabindex =“ 0”的不可点击元素是否应该删除：focus蓝色轮廓？

Question

我们有一个项目，用户需要使用Tab键浏览UI。

为了确保顺序导航，我们在这些div中添加了tabindex =“ 0”，现在可以使用Tab键顺序导航。很好。

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

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

感谢您的帮助

Answer 1

如果它们不可点击（或用“可操作​​”的术语），则它们实际上应该没有tabindex=0。 （对此有一些罕见的例外）。

如果“导航”是指“浏览屏幕阅读器”，则可能是错误的。只需使用语义HTML，然后让屏幕阅读器负责导航即可。

关于焦点指示器是否可见的问题是该问题的第二要因，但是如果它无法操作，则可能不应该具有焦点指示器。