WCAG Color contrast checker

WCAG Color contrast checker在浏览器中使用的扩展工具,这款工具支持检查页面中元素的前景和背景之间的颜色对比度等,欢迎需要的朋友下载使用。

介绍

它根据 WCAG 2.1 检查页面中元素的前景和背景之间的颜色对比度。
它会考虑页面所有元素的颜色和背景颜色 CSS 属性的计算样式来评估对比度。如果这些颜色是用 RGBA 值定义的,它还会考虑不透明度来推断最终显示的真实颜色。
WCAG Color contrast checker插图
它可以模拟色盲并评估模拟的对比度。通过这种方式,开发人员可以看到色盲用户的页面看起来如何。
该工具还包括两个字段,可以在其中手动引入颜色进行测试。它还允许直接从文档中选择颜色。
最后,当页面的 DOM 更改(添加或删除元素)时,它会自动刷新,但如果页面有很多更改,则可以取消激活此行为。

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

WCAG Color contrast checker下载地址
WCAG Color contrast checker插图1
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!
0 0 投票数
文章评分
订阅评论
提醒
guest
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x