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

WCAG Color contrast checker

おすすめ
4.1(

32 件の評価

)
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/

詳細

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

プライバシー

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

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

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

サポート

関連アイテム

HeadingsMap

4.5

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

Visual ARIA

5.0

Displays ARIA used in web technologies, includes live region, and widget roles, proper nesting and focus management.

taba11y - Tab order accessibility testing

5.0

Visualise tab order with ease

Accessibility Insights for Web

4.7

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

Colour Contrast Checker

3.6

Check the contrast between different colour combinations against WCAG standards

WAVE Evaluation Tool

4.1

Evaluate web accessibility within your browser.

Accessible Web Helper

4.2

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

Color Contrast Checker by DigitalA11Y

4.5

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

axe DevTools - Web Accessibility Testing

3.9

Accessibility Checker for Developers, Testers, and Designers in Chrome

Tanaguru webext

5.0

Outil d'évaluation de pages Web.

Text Spacing Editor

3.8

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

Color Contrast Checker

4.7

Color Contrast Checker & Recommendations Tool

HeadingsMap

4.5

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

Visual ARIA

5.0

Displays ARIA used in web technologies, includes live region, and widget roles, proper nesting and focus management.

taba11y - Tab order accessibility testing

5.0

Visualise tab order with ease

Accessibility Insights for Web

4.7

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

Colour Contrast Checker

3.6

Check the contrast between different colour combinations against WCAG standards

WAVE Evaluation Tool

4.1

Evaluate web accessibility within your browser.

Accessible Web Helper

4.2

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

Color Contrast Checker by DigitalA11Y

4.5

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

Google アプリ