ColorA11y

This Developer Tools extension allows you determine whether or not the color contrast on a site is WCAG 2.0 AA and AAA compliant.

ColorA11yとは何ですか?

ColorA11yはlongmatthewhによって開発されたChromeの拡張機能で、その主な機能は「This Developer Tools extension allows you determine whether or not the color contrast on a site is WCAG 2.0 AA and AAA compliant.」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot

ColorA11y拡張機能のCRXファイルをダウンロード

ColorA11y拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        ColorA11y allows you to easily select a foreground color and a background color, and determine whether or not the contrast ratio between the 2 colors is WCAG 2.0 compliant. ColorA11y can help validate the existence of web accessibility issues you think you already have with color contrast. This Developer Tools extension can also help verify you're technically adhering to the WCAG 2.0 color contrast guidelines.  Simply open the Developer Tools in Chrome, and open the ColorA11y tab. Currently, this works best using Mac's color picker, and not the Windows native tool. I'm working on integrating this with Spectrum, and will have an update shortly.                    

拡張機能の基本情報

名前 ColorA11y ColorA11y
ID icfneoldcbdmgaiocnnobpbbjncdfbfb
公式URL https://chromewebstore.google.com/detail/colora11y/icfneoldcbdmgaiocnnobpbbjncdfbfb
説明 This Developer Tools extension allows you determine whether or not the color contrast on a site is WCAG 2.0 AA and AAA compliant.
ファイルサイズ 9.05 KB
インストール数 1,127
現在のバージョン 1.3
最終更新日 2015-06-20
公開日 2015-06-19
評価 4.00/5 合計 5 レビュー
開発者 longmatthewh
支払い方法 free
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "ColorA11y",
    "manifest_version": 2,
    "description": "This Developer Tools extension allows you determine whether or not the color contrast on a site is WCAG 2.0 AA and AAA compliant.",
    "version": "1.3",
    "devtools_page": "a11ycolor.html",
    "icons": {
        "16": "icon-16.png",
        "48": "icon-48.png",
        "128": "icon-128.png"
    }
}