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

我正在开发一个需要遵守WCAG 2.0 AA的网站,但是虽然我们尝试在我们的网站上使用标签导航,但由于点击可聚焦元素时会出现奇怪的边框和轮廓,因此会严重影响设计.

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

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

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

因此,如果要我检讨了一个网站,禁用焦点款式只有直到有人按下Tab键,我仍然会失败,它2.4.7焦点可见.阅读Understanding SC 2.4.7文档以获取更多上下文可能会有所帮助.

要回答您的问题,是的,删除它会发布潜在的可访问性问题.

总而言之,我宁愿挑战设计师去做设计师最喜欢的事情 - 在限制范围内工作.提出不会分散注意力的焦点风格,具有可感知,可操作,易懂和坚固的风格(例如,它符合对比度最小值).它以前已经完成,所以没有理由不能再做了.