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
公式URL	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
Eメール	[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 }