问题标签 [wcag2.1]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
29 浏览

user-interface - WCAG 1.4.3 对比度(最低)和 1.4.11 非文本对比度如何与 UI 组件中的文本相关?

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

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

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

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

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

0 投票
1 回答
37 浏览

angular - 根据 AInspector WCAG,mat-select 不符合 A 级标准

我在我的网站中使用 Angular 材料并试图使其符合 WCAG A 级标准。使用 AInspector(Firefox 的扩展)进行一些检查似乎 mat-select 组件没有 aria-controls、aria-expanded 属性,但是查看生成的 HTML 中的这些 aria 属性,您可以在此处验证这一点。我的问题是我是否在配置中遗漏了某些内容,或者绝对 mat-selects 不符合 WCAG 规则 4.1.2 的 A 级?

mat-select AInspector 检查