0

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

根据 Web/Contrast/UI 组件的 Accessibility Insights,指示组件可点击区域的任何视觉边界必须与相邻背景具有至少 3:1 的对比度。

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

4

1 回答 1

0

我是 Accessibility Insights 团队的工程师。这是 Accessibility Insights for WebContrast > UI components要求中的一个错误,跟踪为microsoft/accessibility-insights-web #2809。Accessibility Insights 用于此要求的语言比 WCAG 2.1 第 1.4.11 节的要求更严格。

特别是,了解成功标准 1.4.11包含涵盖此案例的特定语言;它的“边界”部分阐明,因为这些小部件包含具有 3:1 对比度的文本,并且该文本指示小部件的存在,所以小部件的边界不必具有 3:1 的对比度。引用指南(强调我的):

边界

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

于 2020-07-06T22:07:43.417 回答