Accueil › Développer un site › Vérifier le contraste et l'accessibilité d'une maquette avant la recette
Développer un site
Vérifier le contraste et l'accessibilité d'une maquette avant la recette
Vous obtenez la liste de contrôle à passer écran par écran (contraste du texte, taille des zones cliquables, lisibilité des icônes, ordre de lecture, messages d'erreur), les corrections à faire, et ce qui reste à vérifier sur le site intégré.
Plusieurs minutes à chaque utilisation
Aperçu du prompt
Accès immédiat · sans engagement · résiliable à tout moment
Ce prompt est écrit pour Claude : il utilise ses balises de structure et ses Artifacts. Copiez-le, remplacez les mots entre crochets par votre situation, et obtenez un résultat professionnel en quelques secondes, sans savoir « bien parler à l'IA ».
Les mots à remplacer
[site ou application, nombre d'écrans] [valeurs] [par couple de couleurs, ou : à mesurer] [texte courant en pixels, zones cliquables en pixels, icônes] [type d'organisme, référentiel, source]
Avant / après
Sans ce prompt
« Comment vérifier l'accessibilité d'une maquette Figma ? » Résultat : un rappel général des règles, et un gris clair sur fond blanc qui passe jusqu'à l'audit.
Avec ce prompt
Une liste de contrôle en dix points, sept couples de couleurs mesurés dont deux sous le seuil de 4,5 pour 1, quatre corrections dans le design system qui touchent 31 écrans, et trois points à contrôler sur le site intégré. (Chiffres d'illustration.)
Conseils
- Corrigez le contraste dans les jetons de couleur : une seule modification règle tous les écrans.
- Vérifiez les icônes seules à 16 pixels : c'est là que la lisibilité tombe en premier.