0

WCAG 2.1为复选框、滑块等 UI 组件引入了成功标准 1.4.11 非文本对比度。

忽略按钮内背景颜色的 1.4.11 是否安全,只要里面的文本与1.4.3 Contrast要求的按钮具有足够的对比度,以及周围的背景颜色吗?

由于对比度低而无法感知按钮形状的人,他们至少会感知其中的文本——就像纯文本按钮一样。

在几个广泛使用的设计系统中存在纯文本按钮。由于文本是唯一可见的内容,并且文本需要比 UI 组件更高的对比度,因此它也自动满足 1.4.11 的要求。

现在,我不仅想知道实际影响,还想知道审计。您知道使用此类按钮或纯文本按钮通过审核的网站吗?

4

1 回答 1

0

简短的回答,很可能你没问题。

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

关键是:

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

所以如果我不能分辨按钮的边缘在哪里,我还能“识别”按钮在哪里吗?如果有足够的文本到背景对比度(1.4.3),那么“是”,所以 1.4.11 不会失败。

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

您知道使用此类按钮或纯文本按钮通过审核的网站吗?

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

于 2022-01-14T01:21:34.227 回答