适用于 Web/对比度/UI 组件的 AI - 如何确定产品磁贴上产品图像的"visual boundary"



例如,在Microsoft网站 URL: https://www.microsoft.com/en-us/store/collections/surfacelist?icid=MSCOM_QL_Surface&headerid=department-surface 上,您会看到多个产品磁贴,其中包含浅灰色矩形上的产品图像。

根据 Web/对比度/UI 组件的辅助功能见解,指示组件可单击区域的任何视觉边界都必须与相邻背景的对比度至少为 3:1。

指示可单击边界的浅灰色矩形与背景的对比度仅为 1.14:1。 那么,这些产品磁贴是否不符合此标准(WCAG 2.1、1.4.11 非文本对比度(?

我是辅助功能见解团队的工程师。这是 Web 的Contrast > UI components要求的辅助功能见解中的一个错误,跟踪为 microsoft/accessibility-insights-web #2809。辅助功能见解用于此要求的语言比WCAG 2.1第1.4.11节要求更严格。

特别是,理解成功标准 1.4.11 包含涵盖这种情况的特定语言;其"边界"部分阐明了由于这些小部件包含对比度为 3:1 的文本,并且文本指示小部件的存在,因此小部件的边界不必具有 3:1 的对比度。引用指南(强调我的(:

边界

此成功条件不要求控件具有指示命中区域的可视边界,但如果控件的可视指示器是标识控件的唯一方法,则该指示器必须具有足够的对比度。如果按钮中的文本(或图标(或文本输入中的占位符文本可见,并且没有命中区域的视觉指示,则通过成功标准。如果带有文本的按钮也有彩色边框,由于边框不提供唯一的指示,因此除了文本对比度之外没有对比度要求。

最新更新