Accessibilité numérique : les règles que tout designer UX/UI doit appliquer
Partager

En bref
L’accessibilité numérique consiste à rendre un site ou une application utilisable par les personnes handicapées. Pour un designer UX/UI, elle se décide en maquette, sur le contraste des couleurs, la taille des zones cliquables, la visibilité du focus clavier et la façon de nommer les champs d’un formulaire. En France, l’article 47 de la loi de 2005 vise le secteur public, les délégataires de service public et les entreprises dont le chiffre d’affaires dépasse 250 millions d’euros, avec des sanctions prononcées par l’Arcom pouvant atteindre 50 000 €. Depuis le 28 juin 2025, la directive européenne 2019/882 ajoute le commerce en ligne, les services bancaires, les transports de voyageurs et les livres numériques. Le référentiel français est le RGAA 4.1.2 et ses 106 critères, dont la version 5 est attendue fin 2026.
Un bouton gris clair sur fond blanc, un champ de formulaire sans libellé visible, un menu qui disparaît dès qu’on navigue au clavier. Ces trois défauts viennent de la maquette, pas du code, et ils rendent un site inutilisable pour une partie des visiteurs.
L’accessibilité numérique est devenue une compétence attendue en entretien d’embauche pour un poste d’UX ou d’UI designer, au même titre que la maîtrise de Figma. Cet article détaille ce que la loi impose en France depuis 2026, et surtout ce qui se joue à l’étape du design, avant la première ligne de code.

01
Cadre légal
Qui est concerné en France
Deux régimes coexistent. Le premier vient de l’article 47 de la loi du 11 février 2005. Il s’applique aux personnes morales de droit public, aux organismes privés chargés d’une mission de service public et aux entreprises dont le chiffre d’affaires annuel réalisé en France dépasse 250 millions d’euros, calculé en moyenne sur les trois derniers exercices.
Ces organismes doivent afficher leur taux de conformité sur la page d’accueil, publier une déclaration d’accessibilité, un schéma pluriannuel et un plan d’action annuel, et proposer un moyen de signaler un défaut. L’Arcom contrôle et peut prononcer une sanction financière pouvant aller jusqu’à 50 000 € pour un défaut d’accessibilité, et 25 000 € pour les autres manquements.
Le second régime vient de la directive européenne 2019/882, applicable depuis le 28 juin 2025. Elle vise des services précis, dont le commerce en ligne, les services bancaires aux consommateurs, les transports de voyageurs, la téléphonie et les livres numériques. Les microentreprises qui fournissent des services en sont exonérées, c’est-à-dire celles qui emploient moins de dix personnes et dont le chiffre d’affaires ou le bilan annuel ne dépasse pas 2 millions d’euros.
Ce que ça implique concrètement
Une boutique en ligne de taille moyenne n’atteint jamais les 250 millions d’euros de chiffre d’affaires, mais elle entre dans le champ du texte européen dès lors qu’elle vend à des consommateurs. Un designer qui travaille pour des marques e-commerce est donc concerné quel que soit le client.
02
Actualité
Ce qu’a changé le décret d’août 2026
Le décret n° 2026-816 du 24 août 2026, publié au Journal officiel du 26 août, modifie le décret de 2019 sur trois points.
Il aligne d’abord la liste des contenus exemptés d’obligation sur les dates et délais de la directive européenne. Il précise ensuite que le référentiel doit indiquer les catégories de services, de contenus et de fonctionnalités auxquelles ses critères s’appliquent, et qu’il sera mis à jour pour rester au niveau des normes harmonisées européennes. Cette phrase prépare la version 5 du RGAA.
Le troisième point est plus inattendu. L’article 8 du décret de 2019, consacré aux sanctions, est abrogé, et le chapitre qui s’intitulait « Sanctions et suivi » devient « Suivi ». Le ministre chargé des personnes handicapées effectue désormais un suivi annuel de la conformité des sites concernés, à partir des informations transmises par l’Arcom, et un rapport est remis tous les trois ans à la Commission européenne. Le pouvoir de sanction n’a pas disparu pour autant : il est porté par l’article 47-1 de la loi de 2005, créé par l’ordonnance du 6 septembre 2023, et exercé par l’Arcom.
03
Design
Les décisions qui se prennent en maquette
Une partie des critères d’accessibilité relève du code, l’autre relève du design. Les quatre familles ci-dessous se jouent entièrement sur la maquette, et chaque erreur commise à ce stade coûte une reprise complète de l’interface.
Le contraste
Un texte courant doit atteindre un rapport de contraste de 4,5 pour 1 avec son fond. Un grand texte et les éléments d’interface comme les bordures de champs descendent à 3 pour 1. Le gris clair sur blanc et le blanc sur jaune échouent presque toujours.
La taille des cibles
Une zone cliquable mesure au minimum 24 par 24 pixels CSS, sauf si un espacement équivalent la sépare des autres. Les icônes de 16 pixels alignées côte à côte dans une barre d’outils sont le cas d’échec le plus courant.
Le focus clavier
Chaque élément interactif reçoit un indicateur de focus visible, et cet indicateur ne doit pas être masqué par un bandeau collant ou une fenêtre modale. Supprimer l’outline par défaut sans la remplacer est une faute fréquente en maquette.
Les formulaires
Un libellé reste visible quand le champ est rempli, le message d’erreur dit quoi corriger, et les informations déjà saisies ne sont pas redemandées à l’étape suivante. Le placeholder seul ne remplace jamais un libellé.

Ces règles ne brident pas la création. Elles écartent surtout des habitudes visuelles installées par les tendances, comme le texte gris très clair ou les interfaces sans contour. Un projet de portfolio qui documente ces choix se distingue nettement des autres en entretien, sujet traité dans notre guide pour réussir son portfolio.
04
Normes
Les critères ajoutés par WCAG 2.2
Le W3C a publié WCAG 2.2 le 5 octobre 2023, avec neuf critères supplémentaires. Six concernent directement le travail d’interface, dont quatre au niveau AA, celui que visent les référentiels européens.
| Critère | Niveau | Exigence |
|---|---|---|
| 2.4.11 Focus non masqué | AA | L’élément qui reçoit le focus clavier n’est pas entièrement caché par un contenu ajouté par le site |
| 2.5.7 Mouvements de glissement | AA | Toute action réalisée par glisser-déposer existe aussi avec un simple pointeur, sauf si le glissement est essentiel |
| 2.5.8 Taille de cible | AA | 24 par 24 pixels CSS au minimum, ou un espacement équivalent |
| 3.3.8 Authentification accessible | AA | Aucun test de fonction cognitive imposé sans alternative, ce qui écarte les captchas de reconnaissance |
| 3.2.6 Aide cohérente | A | Les moyens d’aide apparaissent au même endroit relatif d’une page à l’autre |
| 3.3.7 Saisie redondante | A | Une information déjà saisie est pré-remplie ou proposée au choix |
Le critère 3.3.8 touche directement les parcours de connexion dessinés par les designers. Un captcha qui demande de reconnaître des images devient non conforme, à moins de proposer une autre voie d’authentification.
05
Référentiels
RGAA, WCAG et EN 301 549
Trois documents circulent et les étudiants les confondent souvent. Les WCAG sont la norme internationale du W3C, organisée en critères de succès de niveaux A, AA et AAA. La norme européenne EN 301 549 reprend ces critères et y ajoute des exigences propres aux logiciels, aux documents et au matériel.
Le RGAA est la méthode française de vérification, publiée par la direction interministérielle du numérique. Sa version 4.1.2 compte 106 critères et sert de base aux audits et aux déclarations d’accessibilité. C’est lui qui donne le taux de conformité affiché sur les sites publics. Une version 5 est annoncée pour la fin 2026, dans le prolongement du décret d’août.
Pour un designer, la hiérarchie suffit. Les WCAG donnent les règles, l’EN 301 549 les rend applicables en Europe, et le RGAA sert à mesurer la conformité en France.
06
Métier
Ce que ça change dans le métier
Les agences recrutent sur cette compétence parce que la mise en conformité tardive revient à refaire le design. Changer une palette de couleurs après le lancement oblige à reprendre la charte, les gabarits, les visuels de campagne et les supports imprimés associés.
Un designer qui intègre ces contraintes dès les premières maquettes livre un travail qui tient en production. C’est pour cette raison que l’accessibilité figure dans le programme de notre cursus design digital UX/UI, aux côtés des méthodes de recherche utilisateur et de la conception d’interfaces. Les étudiants l’abordent sur des projets réels, pas en module théorique séparé.
Pour aller plus loin sur le métier et ses méthodes, voir nos articles sur l’UX design, sur la création de personas et sur le parcours pour devenir UX/UI designer.
Questions fréquentes
Mon site d’entreprise est-il obligé d’être accessible ?
Cela dépend de deux critères. L’article 47 de la loi de 2005 vise le secteur public, les délégataires de service public et les entreprises au-delà de 250 millions d’euros de chiffre d’affaires en France. La directive européenne applicable depuis juin 2025 ajoute le commerce en ligne, la banque, les transports et les livres numériques, en exonérant les microentreprises de services.
Quelle est la différence entre le RGAA et les WCAG ?
Les WCAG sont la norme internationale publiée par le W3C et classée en niveaux A, AA et AAA. Le RGAA est la méthode française qui traduit ces exigences en 106 critères vérifiables et sert aux audits de conformité. Un site conforme au RGAA satisfait le niveau AA des WCAG.
Quel contraste faut-il respecter pour un texte ?
Le rapport minimal est de 4,5 pour 1 entre la couleur du texte et celle du fond, et de 3 pour 1 pour les grands textes ainsi que pour les composants d’interface comme les bordures de champs ou les icônes porteuses de sens. Les outils de vérification de contraste sont intégrés à Figma et aux navigateurs.
Les sanctions existent-elles vraiment ?
Oui. L’Arcom peut prononcer jusqu’à 50 000 € d’amende pour un défaut d’accessibilité et 25 000 € pour les autres manquements, montants modulés selon la nature et la durée du manquement. Le décret du 24 août 2026 a déplacé le suivi vers un bilan annuel du ministère, sans supprimer ce pouvoir de sanction.
Concevoir des interfaces qui tiennent en production
Le cursus design digital UX/UI aborde l’accessibilité sur des projets réels, à Paris comme à Marseille.