Créer une palette lisible avec contrastes mesurés.
Attribuez des rôles aux couleurs et testez les vraies paires texte-fond. Un ensemble agréable ne garantit ni lisibilité ni états interactifs accessibles.
Adaptez le processus à votre tâche.
Choisissez les couleurs par rôle, donnez leurs valeurs exactes et testez les paires premier plan-fond visées. Incluez états interactifs et autres surfaces. Séparez préférence esthétique et contraste mesuré, puis contrôlez de vrais composants.
- Ce que vous fournissez
- Attributs de marque et contraintes d'accessibilité.
- Ce que vous obtenez
- Palettes candidates avec contrastes vérifiés.
Consultez les données et le résultat.
Entrée et sortie illustratives · exemple pédagogique, pas une exécution WebAct en direct
Exemple champ
Create a small UI palette using navy and warm cream, plus an orange-brown accent. Need body text, links and a filled action button. Calculate contrast for solid, opaque pairs.
Exemple complet
Background: #fff7ed Body text: #172554 — contrast on background ≈ 13.84:1 Underlined links/accent text: #9a3412 — contrast on background ≈ 6.88:1 Action button: #9a3412 background, #ffffff label — contrast ≈ 7.31:1 These pairs exceed the 4.5:1 normal-text threshold. This checks the stated solid-color pairs only; focus, hover, disabled states and the rest of the interface still need review.
Chargez ces données dans le prompt, puis copiez-le dans WebAct pour essayer la tâche. Votre résultat peut différer de l'illustration.
Décisions et dépannage.
Une paire texte-fond très contrastée garantit-elle l'accessibilité complète ?
Non. Autres états, commandes et indices non colorés doivent être examinés. La mesure d'une paire n'est qu'une partie.
Pourquoi une couleur d'accent décorative échoue-t-elle pour un petit texte ?
Son contraste avec le fond peut manquer. Changez son rôle ou ajustez la paire.
Référence pour ce processus.
Essayez avec votre propre source.
Remplacez l'exemple par vos données dans le prompt. Gardez les exigences nécessaires, puis copiez la tâche dans WebAct.
Personnaliser et copier la tâche ↑