仅在使用选项卡导航后显示焦点状态

Question

我正在一个需要遵守WCAG 2.0 AA的网站上工作，但是虽然我们尝试在我们的网站上使用标签导航，但由于当您使用奇怪的边框和轮廓时，它确实会严重影响设计单击一个可聚焦元素。

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

所以，我的问题是，这是否会给网络的可访问性技术带来任何潜在的问题？

Answer 1

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

因此，如果我正在审核禁用焦点样式 的网站，直到有人按下Tab键，我仍然会因2.4.7 Focus Visible而失败。阅读Understanding SC 2.4.7文档可能会有所帮助。

要回答您的问题，是的，删除它会发布潜在的辅助功能问题。

所有这一切，我都会挑战设计师去做设计师最喜欢的事情 - 在限制范围内工作。提出不会分散注意力的焦点风格，具有可感知，可操作，易理解和健壮的风格（例如，it meets contrast minimums）。它已经完成，所以没有理由不能再做了。