Analysez l'accessibilité de vos maquettes avant développement
Détectez les problèmes de contraste, taille des cibles tactiles et texte dans les images. Corrigez vos designs avant qu'ils ne deviennent du code.
Analyse visuelle uniquement - 5 critères sur 106
Check Design analyse vos maquettes sur 5 critères RGAA vérifiables visuellement. Une conformité RGAA complète nécessite un audit du code après développement couvrant les 106 critères.
En savoir plus sur l'audit complet5 critères RGAA analysés
Contraste du texte
Le texte doit avoir un ratio de contraste suffisant (4.5:1 ou 3:1 pour texte large)
Contraste des composants UI
Les éléments d'interface doivent être distinguables de leur arrière-plan
Taille des cibles tactiles
Les zones cliquables doivent avoir une taille minimale de 44x44 pixels
Espacement du texte
L'interlignage et l'espacement doivent permettre une bonne lisibilité
Texte dans les images
Le texte informatif ne doit pas être intégré dans les images
Découvrez ce que vous obtiendrez
Cliquez sur les problèmes pour voir les détails et solutions
Exemple de résultat d'analyse
Bon début - Quelques ajustements
Votre design est globalement accessible avec quelques points d'attention à corriger.
3 problèmes détectés
Taille des cibles tactiles
1 problème détecté
Pourquoi c'est un problème
L'icône de fermeture mesure 24×24px, en dessous du minimum recommandé de 44×44px pour les cibles tactiles.
Comment corriger
Augmentez la zone cliquable à 44×44px minimum, en gardant l'icône centrée.
Contraste du texte
1 problème détecté
Pourquoi c'est un problème
Le ratio de contraste entre le texte gris (#888) et le fond blanc (#FFF) est de 3.5:1, inférieur au minimum requis de 4.5:1 pour le texte normal.
Comment corriger
Assombrissez le texte à #666 minimum ou utilisez un texte noir #333 pour un ratio de 7:1.
Images-texte
1 problème détecté
Pourquoi c'est un problème
Le logo contient du texte 'ACME Corp' qui pourrait ne pas être accessible aux lecteurs d'écran.
Comment corriger
Assurez-vous que le texte alternatif de l'image inclut le texte visible du logo.
Connectez-vous pour commencer
Comment ça fonctionne
Uploadez votre maquette
Screenshot Figma, Sketch, Adobe XD ou toute image de votre design
L'IA analyse votre design
Notre IA vérifie les 5 critères RGAA visuels en quelques secondes
Corrigez avant le dev
Recevez des recommandations concrètes pour améliorer votre design
Allez plus loin dans l'accessibilité
Votre site respecte-t-il les 106 critères du RGAA ? Lancez un audit complet gratuit pour découvrir les problèmes d'accessibilité et comment les corriger.
Scanner mon site gratuitement