Vérificateur de contraste et d'accessibilité QR
Mesurez le contraste des couleurs de la même manière que WCAG évalue le texte et l'interface utilisateur : luminance relative et rapport de contraste. Comparez les couleurs hexadécimales de vos modules QR et de votre zone silencieuse, ou téléchargez une image QR pour une estimation rapide de la répartition de la luminance, idéal avant l'impression, l'emballage et les codes de couleur de la marque.
Rapport de contraste
21:1
- ✓ WCAG AA - texte volumineux / interface utilisateur (≥ 3:1)
- ✓ WCAG AA - texte normal (≥ 4,5:1)
- ✓ WCAG AAA - texte de grande taille (≥ 4,5:1)
- ✓ WCAG AAA - texte normal (≥ 7:1)
Pour les codes QR, de nombreuses équipes visent au moins ~4,5:1 entre les modules sombres et la zone claire et calme afin que les caméras puissent binariser l'image de manière fiable. Cet outil utilise le même pipeline de luminance sRVB que WCAG : associez-le à des tests d'impression physique.
Pourquoi le contraste est important pour les codes QR scannables
Les décodeurs QR transforment votre image en modules noir et blanc. Si le premier plan et l'arrière-plan sont trop similaires en termes de luminance, l'étape de binarisation classe mal les pixels, en particulier sous les ombres, les stratifiés brillants ou les verres teintés.
Les rapports de contraste WCAG ont été conçus pour les composants de texte et d'interface utilisateur, mais le même modèle de luminance est largement utilisé comme contrôle de cohérence pour les conceptions QR bicolores. Utilisez l'onglet hexadécimal pour des couleurs précises de la marque ; utilisez l'onglet image lors des exportations depuis votre outil de conception ou une photo de téléphone d'une épreuve.
Des pratiques de conception qui maintiennent un contraste fort
Préférez les modules sombres aux zones claires et calmes
Le noir ou presque noir sur blanc ou blanc cassé reste la combinaison la plus indulgente entre les téléphones et l’éclairage.
Testez les palettes de marque dès le début
Les paires bleu marine sur gris, jaune sur blanc et pastel sur pastel échouent souvent aux WCAG, même lorsqu'elles s'affichent bien sur un écran d'ordinateur portable.
Protéger la zone calme
Les motifs, photos ou dégradés qui s'étendent dans la marge réduisent le contraste efficace sur les bords du module. Gardez une bordure nette autour du symbole.
Preuve sur matériel réel
L'encre brillante, le revêtement UV et le papier kraft modifient le contraste perçu. Re-numériser après impression, pas seulement à l'écran.
Quand effectuer une vérification de contraste
- Avant de verrouiller les illustrations QR aux couleurs de la marque pour les emballages ou les présentoirs de vente au détail
- Après avoir échangé les arrière-plans du modèle (par exemple, lien entre le mode clair et la page de destination du mode sombre)
- Lorsque les taux de numérisation chutent et que vous soupçonnez une faible luminosité ou des surfaces réfléchissantes
- Avant les examens d'accessibilité pour les campagnes qui revendiquent une conception inclusive
Questions fréquemment posées
Est-ce la même chose que les WCAG pour le texte Web ?
Nous utilisons les mêmes formules de luminance relative et de rapport de contraste définies dans WCAG 2.x pour les couleurs sRGB. La numérisation QR dépend également de la taille du module, de la mise au point, de la distorsion et de l'exposition de la caméra. Considérez donc la réussite/l'échec ici comme un signal parmi plusieurs, et non comme l'ensemble de l'histoire.
Quel rapport de contraste doit avoir un code QR ?
Il n'existe pas de critère WCAG distinct nommé « codes QR », mais les équipes considèrent souvent 4,5 : 1 comme un minimum pratique entre la couleur du module et l'arrière-plan pour l'impression marketing, et plus élevé lorsque cela est possible. Votre validateur et vos tests sur le terrain font autorité.
Pourquoi mon image téléchargée affiche-t-elle un rapport différent de mes valeurs hexadécimales ?
La compression, l'anticrénelage, les ombres et le bruit JPEG modifient les valeurs des pixels. Le mode image estime le contraste à partir des pixels rendus, et non à partir de vos spécifications de conception.
Puis-je l'utiliser pour des arrière-plans dégradés ou d'images ?
Le mode Hex teste deux couleurs unies. Si l'arrière-plan varie, testez la zone la plus défavorable (zone de contraste la plus faible) ou simplifiez la zone calme en une couleur plate derrière le symbole.
La réussite des WCAG signifie-t-elle que chaque scanner lira mon code ?
Non. Le contraste WCAG concerne la différence de luminance perceptible par l'homme. Les scanners ajoutent leurs propres seuils, corrections d'erreurs et comportement de mise au point automatique : utilisez notre validateur de code QR et des tests sur appareils réels pour l'approbation finale.
Mon image est-elle téléchargée sur vos serveurs ?
Non. L'analyse s'exécute dans votre navigateur ; nous ne stockons pas vos fichiers pour cet outil.
Prochaine étape : validation QR complète
Téléchargez votre QR pour décoder le contenu, consultez les commentaires pratiques sur l'analyse et consultez les conseils de taille en un seul endroit.