tabindex="0" 的不可点击元素是否应该删除 :focus 蓝色轮廓?
Should non-clickable elements that have tabindex="0" have :focus blue outline removed?
我们有一个项目,用户需要使用 Tab 键在 UI 中导航。
为确保顺序导航,我们向这些 div 添加了 tabindex="0",现在可以使用 Tab 键顺序导航。不错。
但是,我的问题是这些不可点击的 div 是否应该有轮廓?
我知道如何删除它,问题是从可访问性的角度来看,这样做是否合适?
感谢您的帮助
如果它们不可点击(或者用 11y 行话 'operable'),则它们实际上不应该 tabindex=0
。 (对此有一些罕见的例外)。
如果 'navigate' 你的意思是 'browse with a screenreader' 你可能做错了。只需使用语义 HTML 并让屏幕阅读器负责导航。
焦点指示器是否可见的问题是次要的,但如果它不可操作,它可能不应该有焦点指示器。
我们有一个项目,用户需要使用 Tab 键在 UI 中导航。
为确保顺序导航,我们向这些 div 添加了 tabindex="0",现在可以使用 Tab 键顺序导航。不错。
但是,我的问题是这些不可点击的 div 是否应该有轮廓?
我知道如何删除它,问题是从可访问性的角度来看,这样做是否合适?
感谢您的帮助
如果它们不可点击(或者用 11y 行话 'operable'),则它们实际上不应该 tabindex=0
。 (对此有一些罕见的例外)。
如果 'navigate' 你的意思是 'browse with a screenreader' 你可能做错了。只需使用语义 HTML 并让屏幕阅读器负责导航。
焦点指示器是否可见的问题是次要的,但如果它不可操作,它可能不应该有焦点指示器。