Contraste 4,5:1 et une ombre CSS à coller

Des utilitaires de feuille de style, pas Figma. Un nuancier joli peut échouer à l’audit : le contraste se mesure à part.

En France, un site public ou une grosse entreprise se cale sur le RGAA, qui reprend les seuils WCAG AA. Cette catégorie ne remplace pas un audit : elle évite d’envoyer une palette à un site opaque.

Lisibilité d’abord

Le vérificateur de contraste calcule le ratio entre deux hex : 4,5:1 texte courant, 3:1 grand texte. Le niveau AAA (7:1) n’est pas exigé par le RGAA. Prélevez un pixel avec la pipette ; explorez des voisins avec la palette.

CSS à copier

Dégradés (linear / radial) : mesurez le stop le plus clair sous le titre. Ombres : box-shadow en px, éventuellement converties. Unités CSS : racine souvent 16 px, parfois 10 px (62,5 %). Ce n’est pas le convertisseur d’unités (mètres, livres).