WCAG Color contrast checker のアイテムロゴ画像

WCAG Color contrast checker

おすすめ
4.1(

30 件の評価

)
拡張機能デベロッパー ツール80,000 ユーザー
WCAG Color contrast checker のアイテム メディア 1 のスクリーンショット

概要

To check the color contrast between foreground and background of the texts

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/

5 点満点で 4.130 件の評価

Google ではレビューを確認していません。 結果とレビューについて、詳しくはこちらをご覧ください。

詳細

  • バージョン
    3.8.4
  • 更新:
    2024年3月2日
  • 提供元
    Jorge Rumoroso
  • サイズ
    163KiB
  • 言語
    English
  • デベロッパー
    メール
    rumoroso@gmail.com
  • 非取引業者
    このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。

プライバシー

デベロッパーは、お客様のデータを収集または使用しないことを表明しています。

このデベロッパーは、お客様のデータについて以下を宣言しています

  • 承認されている以外の用途で第三者に販売しないこと
  • アイテムの中心機能と関係のない目的で使用または転送しないこと
  • 信用力を判断する目的または融資目的で使用または転送しないこと

サポート

関連アイテム

Text Spacing Editor

4.3(6)

A tool for editing text spacing properties on web pages. WCAG conformance information included.

Color Contrast Checker

4.7(10)

Color Contrast Checker & Recommendations Tool

Accessibility Insights for Web

4.7(40)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

HeadingsMap

4.5(78)

見出し構造を表示、参照、監査する (アクセシビリティと SEO のため)

Colour Contrast Checker

3.9(33)

Check the contrast between different colour combinations against WCAG standards

Color Contrast Analyzer

3.3(66)

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

WAVE Evaluation Tool

4.1(146)

Evaluate web accessibility within your browser.

Accessible Web Helper

4.1(14)

Discover and highlight accessibility violations on the web with the push of a button.

Color Contrast Checker

3.5(2)

Section 508 - Testing Web Content Accessibility

Color Contrast Checker by DigitalA11Y

4.5(4)

WCAG Color Contrast Checker and Palette Generator by DigitalA11Y Achieve full WCAG compliance with ease using DigitalA11Y’s Color…

ColorA11y

4.0(5)

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

axe DevTools - Web Accessibility Testing

4.0(119)

Accessibility Checker for Developers, Testers, and Designers in Chrome

Text Spacing Editor

4.3(6)

A tool for editing text spacing properties on web pages. WCAG conformance information included.

Color Contrast Checker

4.7(10)

Color Contrast Checker & Recommendations Tool

Accessibility Insights for Web

4.7(40)

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

HeadingsMap

4.5(78)

見出し構造を表示、参照、監査する (アクセシビリティと SEO のため)

Colour Contrast Checker

3.9(33)

Check the contrast between different colour combinations against WCAG standards

Color Contrast Analyzer

3.3(66)

Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.

WAVE Evaluation Tool

4.1(146)

Evaluate web accessibility within your browser.

Accessible Web Helper

4.1(14)

Discover and highlight accessibility violations on the web with the push of a button.

Google アプリ