例如，在 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 非文本对比）？
我是 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 的对比度。引用指南（强调我的）：
边界
此成功标准不要求控件具有指示命中区域的视觉边界，但如果控件的视觉指示器是识别控件的唯一方法，则该指示器必须具有足够的对比度。如果按钮内的文本（或图标）或文本输入内的占位符文本是可见的，并且点击区域没有视觉指示，则通过成功标准。如果带有文本的按钮也有彩色边框，因为边框不提供唯一的指示，所以除了文本对比度之外没有对比度要求。