UI/UX design
Accessibilité numérique : que change la directive européenne pour les designers d'interface ?
Depuis le 28 juin 2025, une directive européenne impose l'accessibilité à de nombreux services en ligne, boutiques comprises. Pour les designers d'interface, le contraste d'un bouton ou l'étiquette d'un champ ne relèvent plus du simple confort. Ce que dit le texte, et ce que cela change au quotidien.
La directive (UE) 2019/882, dite « Acte européen sur l'accessibilité », est appliquée par les États membres depuis le 28 juin 2025. Elle vise les produits et services du quotidien, dont les services de commerce électronique. Autrement dit, la boutique en ligne ou l'application de service ne sont plus seulement des sujets d'ergonomie : ils deviennent des obligations. Et ce sont les designers d'interface qui tiennent la plupart des leviers.
Que dit le texte, et qui est concerné ?
En France, la directive a été transposée par la loi du 9 mars 2023, et la DGCCRF contrôle son application depuis le 28 juin 2025, notamment à la suite de signalements. Selon l'analyse d'un cabinet d'avocats, les sites de vente en ligne déjà existants n'ont bénéficié d'aucune période de transition : ils sont soumis aux exigences depuis cette date. Le même cabinet relevait qu'aucune sanction n'avait encore été prononcée, mais que l'administration dispose de moyens de contrainte comme la mise en demeure ou l'astreinte.
Les microentreprises qui fournissent des services sont dispensées de ces exigences. La fiche pratique de la DGCCRF situe cette dispense sous les 10 salariés et les 2 millions d'euros de chiffre d'affaires annuel. Une petite structure peut donc être hors champ, mais ses clients, eux, comparent déjà son site à des interfaces accessibles. C'est un argument de qualité autant qu'une contrainte.
Quel référentiel suivre concrètement ?
Côté français, la méthode de référence reste le RGAA, édité par la DINUM, dont la version actuelle est la 4.1.2. Sa version 5 est en cours de rédaction, avec une publication annoncée pour fin 2026. Le RGAA s'appuie sur les règles internationales WCAG du W3C, que les équipes de design consultent le plus souvent au niveau AA.
Ce que cela change dans le travail d'un designer
Le premier réflexe tient à la couleur. Au niveau AA des WCAG, un texte courant doit présenter un contraste d'au moins 4,5 pour 1 avec son arrière-plan, et un grand texte (18 points, ou 14 points en gras) au moins 3 pour 1. Le gris clair sur fond blanc, très prisé des maquettes élégantes, passe souvent mal ce test. La vérification se fait dès la maquette, avec un simple outil de mesure, et coûte bien moins cher qu'une reprise après livraison.
Les autres points de vigilance se décident eux aussi au moment du design :
- une information ne repose jamais sur la couleur seule (un champ en erreur reçoit aussi une icône et un message) ;
- le focus clavier reste visible sur chaque élément interactif ;
- chaque champ de formulaire garde une étiquette explicite, et pas seulement un texte indicatif qui disparaît à la saisie ;
- les images porteuses de sens sont prévues avec leur alternative textuelle ;
- les zones cliquables restent assez grandes pour être atteintes sur téléphone.
Aucune de ces décisions ne demande un budget particulier. Elles demandent surtout d'être intégrées au cahier des charges avant la première maquette, plutôt que négociées en fin de projet.
Un atout pour celles et ceux qui se forment au métier
Nous le montrions dans notre article sur le métier de designer UX/UI, la demande reste soutenue sur ce profil. Savoir parler contraste et critères WCAG distingue une candidature dans un contexte où les entreprises deviennent plus exigeantes. Côté formation, le programme de Devenir Concepteur Web + IA comprend un volet sur l'accessibilité web (niveaux WCAG et bonnes pratiques), et la fiche HTML5 & CSS3 aborde les bases, notamment les contrastes et les attributs alt. Ces contenus donnent des repères solides, sans remplacer un audit de conformité réalisé par un spécialiste.
Aller plus loin avec nous
Pour apprendre à concevoir des interfaces qui tiennent compte de l'accessibilité dès la maquette, deux formations abordent le sujet dans leur programme, du côté du design web comme du côté du code.
Sources
- Légifrance, directive (UE) 2019/882 du 17 avril 2019 relative aux exigences en matière d'accessibilité applicables aux produits et services
- EUR-Lex, texte de la directive (UE) 2019/882
- DGCCRF, Professionnels : vos produits et services doivent être conformes à la directive Accessibilité
- Norton Rose Fulbright, European Accessibility Act: not a nice-to-have anymore
- DINUM, référentiel général d'amélioration de l'accessibilité (RGAA)
- W3C, WCAG 2.1, critère 1.4.3 Contraste (minimum)
Si vous avez aimé cet article, n'hésitez pas à liker.
Envie de concevoir des interfaces accessibles ?
Découvrez notre formation Devenir Concepteur Web + IA, éligible CPF, et ses bases d'accessibilité web.
Voir tous les articles du blog →