WCAG 1.4.3对比度(最小)和1.4.11非文本对比度如何与UI组件中的文本相关？

Question

WCAG2.1为UI组件引入了成功标准1.4.11非文本对比，如复选框、滑块等。

对于按钮内的背景颜色，是否可以忽略1.4.11，只要里面的文本与1.4.3对比要求的按钮有足够的对比度，以及周围的背景颜色就行了吗？

那些由于对比度低而无法感知按钮形状的人，他们至少会感觉到里面的文字--就像只有文本的按钮一样。

在几个广泛使用的设计系统中，只有文本的按钮存在。由于文本是唯一可以看到的东西，并且文本需要比UI组件更高的对比度，所以它也自动满足1.4.11的要求。

现在，我不仅想知道实际意义，还想知道审计。您知道哪些站点通过了此类按钮的审核，或者只使用文本按钮吗？

Answer 1

简短的回答，很可能你没事。

你的解释就是我的审计方式。如果按钮的背景色与页面背景色(或与按钮背景颜色“相邻”的任何颜色)相比没有足够的对比度(1.4.11)，那么如果按钮内的文本与按钮背景(1.4.3)有足够的对比度，那么用户仍然有足够的对比度知道在哪里“单击”。很高兴知道UI组件的边缘在哪里，但并不总是需要知道它在哪里才能与元素交互。

关键是：

(1.4.11) 识别用户界面组件所需的视觉信息

所以，如果我不知道按钮的边缘在哪里，我还能“识别”按钮的位置吗？如果有足够的文本到背景对比(1.4.3)，那么“是”，那么1.4.11就不会失败。

现在，很多WCAG可能是主观的，您可能会发现一个审计人员在1.4.11的按钮上失败了，但是仅仅因为一个人说它失败了(或者另一个人说它没有失败)，并不意味着那个人的解释与你的相符。你可能不同意审计师的意见，只要你能支持你的解释，这没关系。

您知道哪些站点通过了此类按钮的审核，或者只使用文本按钮吗？

是的，我一直根据我对这个成功标准的解释而通过网站，但我经常给出一个“最佳实践”，即按钮边缘应该是可区分的，但请注意，它在技术上并没有失败。