javascript - 辅助功能 - 如何找到对比度问题?

标签 javascript html css accessibility google-chrome-devtools

我正在尝试寻找检查可访问性的好工具。我测试过的工具之一说,每当我设置 CSS color 时,我都应该设置 CSS background-color

不幸的是,这对我来说并不是一个真正的选择,但我明白为什么这样说:color 是显式继承的,但 background-color 不是。然而,background-color 是一种隐式继承,因为子 HTML 元素(通常)包含在屏幕上的父元素中。

现在,根据最后一个假设(隐式继承),是否有任何方法可以找到实际发生对比度问题的 HTML 元素? Javascript? Chrome 工作区? FF 迪托?

最佳答案

这是一个实用程序列表,用于检查您的内容是否存在可访问性问题。

10 colour contrast checking tools to improve the accessibility of your design

关于javascript - 辅助功能 - 如何找到对比度问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22824018/

相关文章:

javascript - 有标签时最大化表格中的选择宽度

javascript - jQuery 中的目标选中复选框

javascript - CSS 动画无法启动

javascript - 在 HTML 中绑定(bind) JS 金字塔

javascript - 简单的 react 组件无法读取状态

javascript - 使用 JavaScript 过滤 HTML <optgroup>

html - 两列布局适用于此 psd?

javascript - 从单选按钮 slider 的纯 CSS 实现创建 JS 事件

javascript - 当我点击一个 div 时停止一个函数

html - ng-repeat 创建一个多嵌套表