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

Only show focus states once tab navigation has been used

我在一个要求遵守 WCAG 2.0 AA 的网站上工作,但尽管我们尝试使选项卡导航在我们的网站上可用,但它确实会严重影响设计,因为当您单击可聚焦元素。

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

那么,我的问题是,这是否会对网络的可访问性技术造成任何潜在问题?

请记住,有时不使用键盘即可将焦点放在元素上,例如通过脚本或 third-party 工具(例如页面交互之前的屏幕 readers)。另请注意,即使屏幕 reader 用户也不一定使用 Tab 键(例如,我可以在大多数屏幕 reader 中通过按 H 来导航页面上的标题,而在移动设备上我可以导航完全不使用键盘的页面元素。另请注意,一些有认知障碍的用户即使在使用鼠标时也能从焦点样式中获益。

因此,如果我正在审查一个禁用焦点样式的网站 只有 直到有人按下 Tab 键,我仍然会因为 2.4.7 而失败 焦点可见。阅读 Understanding SC 2.4.7 文档以获得更多上下文可能会有所帮助。

要回答您的问题,是的,删除它会 post 潜在的可访问性问题。

综上所述,我反而会挑战设计师去做设计师往往最擅长的事情——在限制条件下工作。提出不会分散注意力的焦点样式,具有可感知、可操作、可理解和健壮的样式(例如,it meets contrast minimums)。以前做过,没理由不做。