Couleur · T-01
Vérifier le contraste des couleurs
Choisissez une couleur de texte et un arrière-plan. Kleurstaal calcule le rapport de contraste selon les WCAG 2.2, montre le rendu et propose la couleur la plus proche qui réussit.
Vos fichiers restent sur votre appareil
Questions
À savoir
Quel rapport me faut-il ?
Pour le texte normal, au moins 4,5 pour 1 (AA) et de préférence 7 pour 1 (AAA). Le grand texte, à partir de 24 pixels ou 18,66 pixels en gras, peut se contenter de 3 pour 1 (AA) ou 4,5 pour 1 (AAA). Les bords des boutons, des champs et des icônes demandent au moins 3 pour 1.
Comment Kleurstaal trouve-t-il sa proposition ?
Kleurstaal garde la teinte et la saturation de votre couleur en OKLCH et la rend seulement plus claire ou plus foncée, par petits pas, jusqu’à atteindre le rapport. Le sens qui demande le moins de changement l’emporte.
Kleurstaal calcule-t-il aussi l’APCA ?
Non. L’APCA est une proposition pour les futures WCAG 3 et pas encore une norme, et son code de calcul officiel a sa propre licence, qui n’est pas libre. Kleurstaal s’en tient aux WCAG 2.2, la norme derrière la législation européenne sur l’accessibilité.
Comment ça marche
Vérifier le contraste des couleurs en trois étapes
Deux couleurs
Tapez ou collez une couleur de texte et un arrière-plan, en hex, rgb, hsl, oklch ou par leur nom. Ou choisissez-les avec le sélecteur de couleur.
Lisez le verdict
Le rapport s’affiche en grand en haut ; en dessous, vous voyez s’il réussit pour le texte normal, le grand texte et les boutons.
Prenez une proposition
S’il échoue, Kleurstaal cherche la couleur la plus proche dans la même teinte qui réussit. Un clic et elle est dans le champ.