当元素或模态对话框聚焦时,是否在 ARIA / ADA 指南中,它没有蓝色轮廓?



例如,当打开模态对话框时,模态对话框周围可能会有不规则的蓝色突出显示。对于可访问性,它可能很好,但是虽然它帮助了5%的用户,但对于其他95%的用户,他们会看到不规则且有点突兀的蓝色轮廓。

它是否符合 ARIA/ADA 指南,使蓝色轮廓为普通用户消失,同时让辅助功能浏览器/阅读器强制使用蓝色轮廓?(根据浏览器强制 CSS 的规则)。

这在WCAG 2.4.7中定义。

2.4.7 焦点可见:任何键盘可操作的用户界面都具有键盘焦点指示器可见的操作模式。(AA级)

焦点指示器对屏幕阅读器用户没有多大好处,这些用户通常已经从改进的视觉和键盘焦点中受益(假设他们可以看到)

视力低下的人可以在没有任何其他辅助技术的情况下使用标准浏览器,并想知道键盘焦点当前设置的位置。键盘焦点对运动障碍的人也很有用

但是,辅助功能指南中没有规定,当您打开模式对话框时,您应该关注整个对话框。您可以完美地聚焦第一个交互式元素(按钮或链接),并使其成为对话框中的第一个元素。

请注意,谈到可访问性,您不是在帮助 5% 的人,而是根据世卫组织的数据,从 15% 到 20%。

您也可以在不删除轮廓的情况下完美地使其更加微妙。

最新更新