accessibility - 仅在使用标签导航后才显示焦点状态

Question

我正在开发一个需要遵守 WCAG 2.0 AA 的网站，但尽管我们尝试让标签导航在我们的网站上可用，但由于单击可聚焦元素时呈现的奇怪边框和轮廓，它确实严重影响了设计。

我的想法是，隐藏所有焦点状态，直到实际按下 tab 键。

所以，我的问题是，这会对网络的可访问性技术造成任何潜在的问题吗？

Answer 1

请记住，有时无需使用键盘即可将焦点放在元素上，例如通过脚本或第三方工具（例如页面交互之前的屏幕阅读器）。另请注意，即使屏幕阅读器用户也不一定使用 Tab 键（例如，我可以通过在大多数屏幕阅读器中按 H 来导航页面上的标题，而在移动设备上我可以完全不使用键盘来导航页面元素。另请注意，即使在使用鼠标时，一些有认知障碍的用户也会从焦点样式中受益。

因此，如果我正在查看一个仅在有人按下 Tab 键之前​​禁用焦点样式的网站，我仍然会因为2.4.7 Focus Visible失败。阅读理解 SC 2.4.7文档以了解更多上下文可能会有所帮助。

要回答您的问题，是的，删除它确实会导致潜在的可访问性问题。

话虽如此，我反而会挑战设计师去做设计师倾向于做的最好的事情——在约束范围内工作。提出不会分散注意力的焦点样式，以及可感知、可操作、可理解和稳健的样式（例如，它满足对比度最小值）。以前已经做过了，所以没有理由不能再做一次。