Guide developpeur

Checklist couleurs frontend avant publier un site

Avant publication, la QA couleur doit couvrir contraste, hover, dark mode, focus rings, graphiques, formulaires et coherence de marque.

Etats focus et selection

:focus-visible {
  outline: 3px solid #60a5fa;
  outline-offset: 2px;
}

::selection {
  background: #bfdbfe;
  color: #0f172a;
}

Checklist developpeur

  • Verifiez le contraste mobile et desktop.
  • Verifiez les focus rings au clavier.
  • Testez dark mode et zones transparentes.
  • Ne dependez pas seulement de la couleur dans formulaires et alertes.

Outils lies

Autres guides developpeur

Formats CSSVariables CSSClasses TailwindCouleurs ReactCouleurs boutonsGradients CSS