Générateur de palette accessible, gratuit
Construisez une palette de couleurs et voyez instantanément quelles combinaisons respectent les ratios de contraste WCAG 2.2 AA (4,5 : 1) et AAA (7 : 1). Chaque paire est testée automatiquement.
Votre palette
Matrice de contraste
Cliquez sur « Vérifier toutes les paires » pour générer la matrice de contraste.
Paires accessibles
Lancez la vérification pour voir les paires qui passent.
📚 Bases scientifiques et sources
Pour qui cet outil est conçu
Un contraste de couleur adéquat est essentiel pour les personnes malvoyantes, les personnes atteintes de déficience de la vision des couleurs (DVC) et celles qui présentent des troubles visuels liés à l'âge. L'OMS estime qu'au moins 2,2 milliards de personnes dans le monde souffrent d'une déficience visuelle de près ou de loin (OMS, 2019). Les recherches d'Owsley (2011) montrent que la sensibilité au contraste diminue significativement avec l'âge, ce qui rend un design à fort contraste d'autant plus important pour les personnes âgées. La DVC touche environ 300 millions de personnes dans le monde (Colour Blind Awareness). Designers, développeurs et équipes de marque utilisent cet outil pour garantir que leurs palettes de couleurs respectent les exigences minimales de contraste WCAG et préservent l'utilisabilité pour toutes ces populations.
Exigences de contraste WCAG 2.2
- CS 1.4.3 (contraste minimum, niveau AA) : le texte normal nécessite un ratio de contraste ≥ 4,5:1. Le grand texte (18 pt+ ou 14 pt+ gras) nécessite ≥ 3:1.
- CS 1.4.6 (contraste renforcé, niveau AAA) : le texte normal nécessite un ratio de contraste ≥ 7:1. Le grand texte nécessite ≥ 4,5:1.
- CS 1.4.11 (contraste non textuel, niveau AA) : les composants d'interface et les objets graphiques nécessitent un contraste ≥ 3:1 avec les couleurs adjacentes.
Références scientifiques
- W3C (2023). « Web Content Accessibility Guidelines (WCAG) 2.2. » w3.org/TR/WCAG22 · Définit les seuils de ratio de contraste (4,5:1, 7:1, 3:1) et l'algorithme de calcul de luminance relative utilisé dans cet outil.
- Owsley, C. (2011). « Aging and vision. » Vision Research, 51(13), 1610–1622. · Documente que la sensibilité au contraste diminue significativement avec l'âge en raison de changements optiques et neuronaux, soulignant l'importance d'un design à fort contraste pour les populations vieillissantes.
- Organisation mondiale de la Santé (2019). Rapport mondial sur la vision. · Établit qu'au moins 2,2 milliards de personnes dans le monde souffrent d'une déficience visuelle, la basse vision et la presbytie étant les formes les plus répandues.
- Legge, G.E. (2007). Psychophysics of Reading in Normal and Low Vision. Lawrence Erlbaum Associates. · Recherche fondatrice sur l'impact du contraste, de la taille de police et de l'espacement sur les performances de lecture des personnes malvoyantes.
- Arditi, A. & Faye, E. (2004). « Monocular and binocular letter contrast sensitivity and letter acuity in a diverse ophthalmologic practice. » Optometry and Vision Science, 81(4), 287–292. · Démontre l'importance clinique de la sensibilité au contraste comme indicateur de la vision fonctionnelle.
Algorithme
La luminance relative est calculée selon la définition WCAG 2.2 : les valeurs de canaux sRGB sont linéarisées (suppression de la correction gamma), puis pondérées (0,2126 R + 0,7152 G + 0,0722 B) selon la norme ITU-R BT.709. Ratio de contraste = (Lplus clair + 0,05) / (Lplus sombre + 0,05).
Avertissement
Cet outil calcule les ratios de contraste avec l'algorithme spécifié dans WCAG 2.2. Atteindre les seuils mathématiques de contraste est une condition nécessaire mais non suffisante à la lisibilité : des facteurs comme le poids de la police, sa taille, le lissage et le calibrage de l'écran affectent aussi la lisibilité. La conformité WCAG exige une évaluation de tous les critères de succès, pas seulement du contraste. Cet outil ne fournit pas de conseil juridique. Pour des audits d'accessibilité formels, consultez un professionnel qualifié.