checkbox - 未选中的复选框是否需要 >4.5 对比度才能符合 WCAG AA 标准?

标签 checkbox accessibility contrast wcag

我正在尝试了解 WCAG AA 合规性的详细信息。此图像中未选中的复选框是否会被视为对比度太低而无法兼容?
Heading Yesterday with a group of checkboxes: Last 7 days, Last 30 days, All time, Custom Range. The Last 7 days checkbox is checked. The unselected checkboxes appear to be low contrast.
有什么我们可以做的(除了改变颜色)让它更合规?如果 tab-focus 使对比度上升,这就够了吗?还是我们真的只需要提高对比度?

最佳答案

新的 WCAG 2.1 指南涵盖了这一点:1.4.11 Non-text Contrast

For controls on the page, such as buttons and form fields, the visual boundaries of the component must have sufficient contrast with the adjacent background. Also, the visual effects which indicate state, such as whether a component is selected or focused, must also provide the minimum 3:1 contrast with the adjacent background of the component.



注意:标签焦点是不够的,因为它已经暗示使用键盘(例如,这对使用触摸屏的弱视人士没有任何影响)

关于checkbox - 未选中的复选框是否需要 >4.5 对比度才能符合 WCAG AA 标准?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49396998/

相关文章:

JavaScript 颜色对比

javascript - 如何使用复选框来制作过滤器?

html - 我应该在主要元素之外还是内部放置元素?

ios - Voiceover 如何决定 UITableView 关注哪个单元格?

javascript - 如何执行浏览器内对比度拉伸(stretch)/标准化?

r - R 中 lm() 的先验对比

vue.js - 不使用 v-model 的复选框列表

javascript - 通过首先选择并选中复选框来更改选择标签

javascript - Jquery attr改变html结构

android - 无法在 Android 中发送辅助功能事件