Qu'est-ce que la norme WCAG 2.1 pour le contraste ?

Les règles WCAG 2.1 exigent un ratio de contraste minimum de 4.5:1 pour le texte normal (niveau AA) et de 7:1 pour le niveau AAA, afin de garantir une lisibilité optimale.

Comment dois-je formater ma liste de couleurs ?

Entrez une couleur par ligne avec son nom suivi de son code hexadécimal, par exemple : 'primaire: #2563EB'.

Quelle est la différence entre le texte normal et le grand texte ?

Le grand texte (généralement 18pt ou 14pt en gras) nécessite un ratio de contraste moins strict (3:1 pour AA) que le texte normal (4.5:1 pour AA).

L'outil propose-t-il des solutions pour les couleurs non conformes ?

Oui, le rapport JSON généré inclut des recommandations d'ajustement pour les combinaisons qui échouent aux tests de contraste.

Puis-je tester les couleurs d'arrière-plan avec elles-mêmes ?

Oui, en cochant l'option 'Inclure les paires identiques', l'outil testera chaque couleur contre elle-même (ce qui donnera un ratio de 1:1).

Elysia Tools

Navigation mobile

Design

Verificateur de contraste de palette accessible

Controle les combinaisons de couleurs selon WCAG 2.1 AA et AAA avec suggestions dustement

Détails

Ce que cet outil vous aide à faire

Pratique pour palettes de marque et systemes de design avec recommandations automatiques.

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Exécutions d’exemple préparées

Cliquez sur un exemple pour remplir automatiquement le formulaire. Les fichiers doivent toujours être téléversés.

1 exemples

Auditer une palette de marque pour WCAG AA

Controle toutes les combinaisons premier plan et arriere-plan et indique quelles couleurs doivent etre ajustees

{"summary":{"colorCount":4,"combinationCount":12,"failingCount":4},"recommendations":[{"pair":"brand-secondary on surface"}]}

Entrées

Renseignez les champs nécessaires, puis lancez l’outil.

3 réglages

ContenuCollez ou saisissez les valeurs principales.1

Couleurs de la palettetextareaRequis

RéglagesAjustez formats, plages, nombres et modes.1

Objectif WCAGselectOptionnel

OptionsActivez ou désactivez les comportements optionnels.1

Inclure les paires identiquescheckboxOptionnelActivé si coché

Résultat

Prêt à exécuter

Après exécution, les fichiers, textes, données structurées ou sorties en flux apparaîtront ici.

Exemples

Exemples adaptés à cet outil

Associé

Verificateur de contraste de palette accessible

Ce que cet outil vous aide à faire

Exécuter cet outil

Exécutions d’exemple préparées

Entrées

Résultat

Exemples adaptés à cet outil

Continuer avec des outils et dossiers associés

Exécutions d’exemple préparées

Entrées

Résultat

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Aperçu

Quand l’utiliser

Fonctionnement

Cas d’usage

Exemples

1. Audit d'une palette de marque pour WCAG AA

2. Validation stricte pour l'accessibilité gouvernementale (AAA)

FAQ

Exemples de codes couleur

Exemples de Traitement d'Images Android Java

Exemples de Traitement d'Images Android Kotlin

Exemples de Traitement d'Images Web Python

Vérificateur d'Accessibilité des Couleurs

Vérificateur de Contraste de Couleur

Verificateur daccessibilite de vision des couleurs

Generateur de rapport daudit daccessibilite

Generateurs d'effets CSS, palettes et design tokens

Outils d audit d accessibilite web et de couleurs accessibles

Outils de Design Couleur et Conversion d'Espaces Colorimétriques

Outils de conversion d'espaces colorimetriques pour web et impression