Color Contrast Analyzer
Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.
Color Contrast Analyzer là gì?
Color Contrast Analyzer là một tiện ích mở rộng Chrome được phát triển bởi https://accessibility.oit.ncsu.edu, và tính năng chính của nó là "Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.".
Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng
Tải xuống tệp CRX của tiện ích mở rộng Color Contrast Analyzer
Tải xuống các tệp mở rộng Color Contrast Analyzer dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.
Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng
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.
https://github.com/gdkraus/color-contrast-chrome
This tool is a product of the IT Accessibility Office at NC State University.
http://accessibility.oit.ncsu.edu/ Thông Tin Cơ Bản về Tiện Ích Mở Rộng
| Tên |  Color Contrast Analyzer |
| ID | dagdlcijhfbmgkjokkjicnnfimlebcll |
| URL Chính Thức | https://chromewebstore.google.com/detail/color-contrast-analyzer/dagdlcijhfbmgkjokkjicnnfimlebcll |
| Mô tả | Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements. |
| Kích Thước Tệp | 58.27 KB |
| Số Lần Cài Đặt | 82,553 |
| Phiên Bản Hiện Tại | 1.1.2 |
| Cập Nhật Lần Cuối | 2014-08-25 |
| Ngày Phát Hành | 2014-08-25 |
| Đánh Giá | 3.28/5 Tổng số 65 Đánh Giá |
| Nhà Phát Triển | https://accessibility.oit.ncsu.edu |
| Loại Thanh Toán | free |
| Trang Web Mở Rộng | http://accessibility.oit.ncsu.edu/tools/color-contrast-chrome/ |
| URL Trang Trợ Giúp | http://accessibility.oit.ncsu.edu/tools/color-contrast-chrome/ |
| Ngôn Ngữ Được Hỗ Trợ | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"background": {
"scripts": [
"hotkey_storage.js",
"background.js"
],
"persistent": false
},
"browser_action": {
"default_icon": "images\/icon_19.png",
"default_popup": "popup.html",
"default_title": "__MSG_default_title__"
},
"content_scripts": [
{
"css": [
"style.css"
],
"js": [
"page.js",
"shortcut.js"
],
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*",
"ftp:\/\/*\/*",
"file:\/\/*\/*"
],
"run_at": "document_end"
},
{
"js": [
"isLoad.js"
],
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*",
"ftp:\/\/*\/*",
"file:\/\/*\/*"
],
"run_at": "document_start"
}
],
"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
"default_locale": "en",
"description": "__MSG_description__",
"icons": {
"128": "images\/icon_128.png",
"16": "images\/icon_16.png",
"19": "images\/icon_19.png",
"32": "images\/icon_32.png",
"48": "images\/icon_48.png"
},
"manifest_version": 2,
"name": "__MSG_name__",
"options_page": "options.html",
"permissions": [
"tabs",
"http:\/\/*\/*",
"https:\/\/*\/*",
" | |
