L’Acte européen sur l’accessibilité et votre palette de couleurs

L’Acte européen sur l’accessibilité (EAA) est une directive de l’UE qui impose à un large éventail de produits et services numériques vendus dans l’UE — commerce en ligne, banque, transports, livres numériques et bien d’autres — d’être accessibles, l’application par les États membres se déployant progressivement à partir de juin 2025. Côté couleur, son effet concret passe par une chaîne de normes qui aboutit à WCAG 2.1 AA : les planchers de contraste de 4,5:1 et 3:1 sont passés du statut de bonne pratique à celui d’exigence réglementaire pour les produits concernés.

Une précision avant d’entrer dans les détails : nous sommes un site d’outils de design, pas un cabinet d’avocats, et cet article est une orientation, pas un conseil juridique — la situation de votre produit au regard de l’EAA est une question pour un juriste. Ce que nous pouvons faire, c’est expliquer comment une directive finit par renvoyer aux mêmes chiffres de contraste que ceux couverts tout au long de notre guide du contraste, et ce que cela signifie concrètement pour le travail sur les palettes.

Qu’est-ce que l’Acte européen sur l’accessibilité ?

L’EAA est une directive, pas un règlement — une distinction lourde de conséquences. Une directive fixe l’objectif et chaque État membre la transpose dans son droit national ; les mécanismes d’application, les sanctions et certains détails varient donc d’un pays à l’autre. La date fréquemment citée, le 28 juin 2025, correspond au moment où les obligations ont commencé à s’appliquer à la plupart des produits et services concernés, mais les périodes de transition diffèrent selon l’État et la catégorie de produit — certains services existants et bornes en libre-service disposent de délais plus longs. L’affirmation générale prudente : depuis 2025, l’obligation est en vigueur, et le détail du moment précis, pour vous dépend de l’endroit où vous vendez et de ce que vous vendez.

Comment une loi en vient-elle à spécifier des ratios de contraste ?

La directive elle-même ne mentionne pas le contraste — elle formule des exigences d’accessibilité en termes fonctionnels. Les chiffres arrivent par la chaîne de normes : la conformité est en pratique évaluée au regard d’EN 301 549, la norme européenne d’accessibilité des TIC, et pour les contenus web et les applications, EN 301 549 intègre WCAG 2.1 niveau AA. Au sein de WCAG 2.1 AA se trouvent les deux critères auxquels une palette doit répondre : un contraste du texte de 4,5:1 (3:1 pour le grand texte) et un contraste non textuel de 3:1 pour les composants d’interface significatifs.

La chaîne se déroule donc ainsi : EAA → droit national → EN 301 549 → WCAG 2.1 AA → vos associations texte-sur-fond. Rien dans cette chaîne n’est une nouvelle exigence de design — ce sont les mêmes planchers que le travail d’accessibilité vise depuis des années. Ce qui a changé, c’est leur poids : pour les produits concernés, une association qui échoue n’est plus seulement un défaut de qualité.

Quels produits sont concernés ?

La directive nomme des catégories plutôt que des technologies : services de commerce en ligne, banque de détail, services de transport de voyageurs, livres numériques et leurs plateformes, communications électroniques, et les faces grand public de plusieurs catégories d’appareils. Deux exceptions fréquemment pertinentes : les services purement B2B échappent largement au champ grand public, et les microentreprises — moins de 10 salariés et moins de 2 millions d’euros de chiffre d’affaires — sont exemptées des obligations de service. Ces deux frontières ont leurs zones grises (une entreprise B2B dotée d’un tunnel de paiement e-commerce public, une entreprise en croissance qui franchit le seuil) et ce sont précisément ces zones grises qui justifient les honoraires d’un juriste. L’enseignement côté design est plus simple : si des consommateurs de l’UE achètent ou utilisent votre produit numérique, supposez que les planchers s’appliquent jusqu’à ce qu’une personne qualifiée vous dise le contraire.

Qu’est-ce que cela signifie pour le travail sur les palettes, concrètement ?

Trois choses, par ordre décroissant d’effort économisé.

Les associations qui auraient toujours dû passer ont désormais un poids juridique. Le travail est inchangé — texte courant à 4,5:1, grand texte et composants d’interface à 3:1 — mais « on corrigera le contraste plus tard » vieillit désormais différemment sur un produit concerné.

La conformité la moins coûteuse repose sur des planchers appliqués dès la construction. Une palette dont les rôles sont dérivés avec les planchers AA appliqués au moment de la dérivation ne peut tout simplement pas produire l’association défaillante — une seule décision à la source remplace les audits page par page en aval.

La piste d’audit compte. Les régimes d’application ne demandent pas seulement si vous êtes conforme, mais si vous pouvez le démontrer. Les vérifications exécutées au moment de la dérivation et les exports qui portent les valeurs dérivées (design tokens, variables CSS) laissent une documentation comme effet secondaire ; les correctifs ponctuels ne laissent rien à montrer.

Ouvrez une palette dérivée par rapport aux planchers AA — chaque rôle de texte et d’interface est vérifié par rapport à sa surface au moment de la dérivation, avec le ratio affiché à côté de chaque association.

Qu’est-ce que l’EAA n’exige pas ?

Dégonfler la panique est aussi utile que rappeler l’obligation. L’EAA n’exige pas l’APCA ni aucune métrique issue du brouillon de WCAG 3 — la chaîne s’arrête à WCAG 2.1, et les modèles de contraste plus récents n’y ont aucun poids réglementaire. Elle n’impose pas le niveau AAA : le palier de contraste renforcé à 7:1 reste optionnel, et la barre réglementaire est AA. Elle n’impose aucune couleur particulière — aucune palette, teinte ou « liste de couleurs accessibles » n’apparaît où que ce soit dans la chaîne ; n’importe quelles deux couleurs qui franchissent les ratios conviennent. Et elle n’interdit pas la couleur de marque : un bleu de marque de luminosité moyenne qui n’atteint pas 4,5:1 sur blanc reste parfaitement utilisable pour le grand texte, les composants d’interface et les aplats — ce qu’il ne peut pas être, c’est du texte courant sur ce fond.

Comment se compare-t-elle aux lois d’ailleurs ?

Brièvement, car chacune mérite son propre article : aux États-Unis, la jurisprudence de l’ADA et la Section 508 renvoient toutes deux à WCAG en pratique, si bien que les mêmes planchers AA constituent la barre de facto. L’Equality Act du Royaume-Uni et les réglementations d’accessibilité du secteur public pointent dans la même direction, tout comme des régimes comparables au Canada et en Australie. La logique est commode pour une palette : une seule norme — WCAG 2.x AA — satisfait d’un coup les attentes de contraste de pratiquement tous les grands régimes. Concevoir pour AA n’est pas un travail spécifique à l’UE.

Comment vérifier les écarts d’une palette existante ?

Une passe détaillée, ordonnée par exposition — les associations les plus lues d’abord :

1. Le texte courant sur chaque surface de page — blanc, cartes, panneaux teintés — à 4,5:1. Le plus grand volume, l’examen le plus scrupuleux.
2. Le texte secondaire et atténué à 4,5:1 — parmi les classes d’échec les plus fréquentes dans les audits : des gris clairs comme #9CA3AF sur blanc se situent à ≈2,5:1, tandis que #6B7280 franchit la barre à ≈4,8:1.
3. Le texte sur les contrôles pleins — les libellés par rapport au remplissage, pas à la page : du blanc sur un bouton principal #2563eb donne ≈5,2:1.
4. Les limites des composants à 3:1 — bordures de champs, icônes significatives, indicateurs de focus, états coché ou non coché.
5. Les couleurs d’état — texte d’erreur, de succès et d’avertissement à 4,5:1 par rapport à leur fond (un oubli fréquent : le rouge d’erreur sur une teinte rosée).
6. Les deux thèmes — le mode sombre rejoue chacune des lignes ci-dessus ; vérifiez-le séparément plutôt que de vous fier à des verdicts hérités.

Les contrôles désactivés et les éléments décoratifs sont exemptés et peuvent être exclus de la passe — mais notez qu’ils l’ont été, pour la piste d’audit.

Lancez la vérification des écarts sur votre propre palette

La liste ci-dessus est assez mécanique pour être déléguée. Chargez votre palette et parcourez la vérification des écarts — chaque paire de rôles de la liste, vérifiée par rapport aux planchers AA dans l’ordre, pour qu’il ne reste qu’une liste de tâches plutôt qu’une question ouverte.