什麼是Kontrast - WCAG Contrast Checker？

Kontrast - WCAG Contrast Checker是由https://www.getkontrast.com開發的Chrome擴展程式，該擴展的主要功能是“Quickly check and adjust contrast in realtime in your browser to meet WCAG 2.1 requirements.”。

擴展截圖

下載Kontrast - WCAG Contrast Checker擴展crx文件

下載Kontrast - WCAG Contrast Checker擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

擴展使用說明

Kontrast is a browser extension that let you quickly check and adjust text and background contrast in realtime in your browser to meet the standards of Web Content Accessibility Guidelines (WCAG) requirements.

Features:
✔ Auto inspect contrast for the selected element
✔ Display accessibility ratio
✔ Automatically get closest WCAG compliant color
✔ Color Slider
✔ RGB and HSL mode
✔ Color picker
✔ Easily copy color (HEX, RGBA, HSLA)
✔ Ignore CSS hover effect
✔ Dark Mode

Special thanks to Gary Simon from Coursetro.com for covering my product.

擴展基本資訊

名稱	Kontrast - WCAG Contrast Checker
ID	haphaaenepedkjngghandlmhfillnhjk
官方網址	https://chromewebstore.google.com/detail/kontrast-wcag-contrast-ch/haphaaenepedkjngghandlmhfillnhjk
簡介	Quickly check and adjust contrast in realtime in your browser to meet WCAG 2.1 requirements.
檔案大小	396 KB
安裝次數	7,552
目前版本	1.1.9
更新時間	2020-05-23
上架時間	2020-05-21
評分	3.53/5 共 17 次評分
開發者	https://www.getkontrast.com
電子郵箱	[email protected]
付費類型	in_app
擴展官網	https://www.getkontrast.com
說明頁面URL	https://www.getkontrast.com
支援的語言	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Kontrast - WCAG Contrast Checker", "version": "1.1.9", "description": "Quickly check and adjust contrast in realtime in your browser to meet WCAG 2.1 requirements.", "content_security_policy": "script-src 'self' https:\/\/ssl.google-analytics.com; object-src 'self'", "permissions": [ ":\/\/.gumroad.com\/*", "storage", "activeTab", "" ], "background": { "scripts": [ "background.js" ] }, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js" ], "css": [ "content.css" ] } ], "browser_action": { "default_icon": { "16": "images\/kontrast16.png", "32": "images\/kontrast32.png", "48": "images\/kontrast48.png", "128": "images\/kontrast128.png" } }, "icons": { "16": "images\/kontrast16.png", "32": "images\/kontrast32.png", "48": "images\/kontrast48.png", "128": "images\/kontrast128.png" }, "web_accessible_resources": [ "content.css", "iframe.html" ], "manifest_version": 2 }

Kontrast - WCAG Contrast Checker

什麼是Kontrast - WCAG Contrast Checker？

擴展截圖

下載Kontrast - WCAG Contrast Checker擴展crx文件

擴展使用說明

擴展基本資訊

相關的擴展