WCAG Color contrast checker là gì?

WCAG Color contrast checker là một tiện ích mở rộng Chrome được phát triển bởi Jorge Rumoroso, và tính năng chính của nó là "To check the color contrast between foreground and background of the texts".

Ả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 WCAG Color contrast checker

Tải xuống các tệp mở rộng WCAG Color contrast checker 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

It checks the color contrast between the foreground and background of the elements that are in the page according to the WCAG 2.2.

It evaluates the contrast on all elements of the page considering their computed style for the color and background-color CSS properties. In case of these colors are defined with RGBA values, it also considers the opacity to deduce the real color that finally is show.

It can simulate color blindness and evaluate the contrast for the simulations. By this way, developers can see how the pages look for colorblind users.

The tool also includes two fields in which the colors can be introduced manually to be tested. It also allows to pick the color directly from the documents.

Finally, it auto-refreshes when DOM of the page changes (addition or removing elements), but if the page has many changes, this behavior can be de-activated.

Privacy statement on: https://rumoroso.bitbucket.io/

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	WCAG Color contrast checker
ID	plnahcmalebffmaghcpcmpaciebdhgdf
URL Chính Thức	https://chromewebstore.google.com/detail/wcag-color-contrast-check/plnahcmalebffmaghcpcmpaciebdhgdf
Mô tả	To check the color contrast between foreground and background of the texts
Kích Thước Tệp	163 KB
Số Lần Cài Đặt	61,408
Phiên Bản Hiện Tại	3.8.4
Cập Nhật Lần Cuối	2024-03-03
Ngày Phát Hành	2020-06-26
Đánh Giá	4.05/5 Tổng số 20 Đánh Giá
Nhà Phát Triển	Jorge Rumoroso
Email	[email protected]
Loại Thanh Toán	free
Ngôn Ngữ Được Hỗ Trợ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "__MSG_extensionName__", "description": "__MSG_extensionDescription__", "author": "Jorge Rumoroso", "manifest_version": 3, "version": "3.8.4", "icons": { "48": "icons\/icon_large.png", "96": "icons\/icon_large_96x96.png", "128": "icons\/icon128_with_margin.png" }, "default_locale": "en", "content_scripts": [ { "matches": [ "" ], "js": [ "content_scripts\/contrastChecker.js" ], "css": [ "css\/inDocumentStyles.css" ], "run_at": "document_end", "all_frames": true } ], "background": { "service_worker": "service-worker.js" }, "permissions": [ "activeTab", "storage", "webNavigation" ], "host_permissions": [ "" ], "action": { "default_icon": { "32": "icons\/icon_overlay.png" }, "default_title": "WCAG Color contrast checker" }, "web_accessible_resources": [ { "resources": [ "html\/", "css\/", "getFrameId", "_locales\/*" ], "matches": [ "" ], "extension_ids": [] } ] }