Image du logo de l'article pour WCAG Color contrast checker

WCAG Color contrast checker

Sélection
4,1(

32 avis

)
Élément multimédia 1 (capture d'écran) pour WCAG Color contrast checker

Présentation

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/

Détails

  • Version
    3.8.5
  • Dernière mise à jour
    27 décembre 2025
  • Proposé par
    Jorge Rumoroso
  • Taille
    158KiB
  • Langues
    English
  • Développeur
    E-mail
    rumoroso@gmail.com
  • Non-professionnel
    Ce développeur ne s'est pas identifié comme professionnel. Pour les consommateurs de l'Union européenne, veuillez noter qu'il est possible que les droits des consommateurs ne s'appliquent pas aux contrats entre vous et ce développeur.

Confidentialité

Le développeur a indiqué qu'il ne collecterait et n'utiliserait pas vos données.

Ce développeur déclare que vos données :

  • Ne seront pas vendues à des tiers en dehors des cas d'utilisation approuvés.
  • Ne seront ni utilisées ni transférées à des fins sans rapport avec la fonctionnalité de base de l'article.
  • Ne seront ni utilisées ni transférées pour déterminer votre solvabilité ou en vue de vous proposer un prêt.

Assistance

Articles similaires

HeadingsMap

4,5

Montrer, parcourir et auditer la hiérarchie de titres

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.

Éditeur d'Espacement de Texte

3,8

Une extension pour modifier les propriétés d'espacement du texte dans les pages web.

Color Contrast Checker

4,7

Color Contrast Checker & Recommendations Tool

HeadingsMap

4,5

Montrer, parcourir et auditer la hiérarchie de titres

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…

Applications Google