Color Contrast Analyzer

无障碍插件用户量: 50000大小: 58.27KiB版本: v 1.1.2更新时间: 2021-12-21
用户量:50000大小:58.27KiB版本:v 1.1.2更新时间:2021-12-21

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

Color Contrast Analyzer 的使用方法详解,最全面的教程

Color Contrast Analyzer 描述:



扩展大小:58.27 KiB


版本:v 1.1.2

Color Contrast Analyzer 插件简介:

这是来自Chrome商店的 Color Contrast Analyzer 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。

Color Contrast Analyzer插件下载方法/流程:


Color Contrast Analyzer插件安装教程/方法:


(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,


New in version 1.1: Download the image analysis to a PNG file. This extension allows you to analyze text color contrast problems on a webpage according to the WCAG 2 text color contrast requirements. It evaluates the page as it appears in the browser, so it is able to handle text over gradients and advanced CSS attributes. You can choose to analyze a portion of a web page, the entire visible contents of a tab, or an entire web page. Additionally, you can evaluate files on your computer that can be opened in Chrome, such as image files and PDF files. Note, with PDF files you will only be able to evaluate the visible portion of the page. To analyze local files you will need to go to your Extensions page and check "Allow access to file URLs" for this extension. You can select to evaluate for either AA or AAA conformance, along with specifying the size of the text you want to analyze. The output will show you a map of where the edges between colors are different enough to meet the specified contrast requirement. If there is an item on the underlying page that is not outlined in the output mask, then the item does not have enough color contrast according to the conformance level you selected. The resulting image analysis can be downloaded to your computer as a PNG file. In order to better handle gradients, you can also select the pixel radius that should be used to analyze adjacent pixels. The larger the pixel radius, the further out it will look for a border with high enough contrast. However, a larger pixel radius will add significant computation time. When first installing the extension, you may need to refresh the webpage you wish to analyze for all of the selection options to be available. Also, when installing the extension it will ask you for permission to access your data on all of your websites and your tabs and browsing activity. We are not using or collecting this data in any way. In order to get permission to take screenshots of your browser window this is the level of access we must request. You can view the source code at the following URL. This tool is a product of the IT Accessibility Office at NC State University.


Shows everyone in a Google Meet - Thanks to Chris Gamble!
360 Internet Protection
音量放大器 - 增压器插件,可以增大音量X5
适用于任何网站的黑暗主题。关爱眼睛,就使用 Dark Reader 进行日常浏览。
Userscript support for Chromium based browsers like Opera and Chrome.
黑暗的主题套装 - 保护您的眼睛与热门网站暗模式
네이버 동영상 서비스 이용을 위한 확장 프로그램
安装和使用!没有复杂的选项页,广告列表管理。 Adstop块媒体广告,视频广告,弹出窗口,欺诈和恶意软件的网站。
back top top
back top top