![\"Design](\"https:\/\/devoteam.info\/wp-content\/uploads\/2025\/12\/Devoteam_Design-System_Accessibilite-3.jpg\")
<\/a><\/figure>\n\n\t\t\n\t\t<\/p>\n\n\n\n
Depuis l\u2019entr\u00e9e en vigueur en juin dernier de la nouvelle directive europ\u00e9enne visant \u00e0 garantir l\u2019acc\u00e8s \u00e0 certains services et produits aux personnes en situation de handicap, l\u2019accessibilit\u00e9 num\u00e9rique ne peut plus \u00eatre trait\u00e9e comme un sujet isol\u00e9, qu\u2019il soit technique ou design. Elle exige une approche syst\u00e9mique, et le design system s’impose comme l’outil structurant pour la d\u00e9ployer \u00e0 grande \u00e9chelle. C’est le constat partag\u00e9 par les intervenants de notre table ronde r\u00e9unissant des experts du sujet venant de Carrefour, Radio France, Ipedis et du secteur bancaire, et anim\u00e9e par Sarah Guenkine (Lead Accessibilit\u00e9 Num\u00e9rique chez Devoteam) et Adeline Pessard (Lead Design System chez Devoteam).<\/p>\n\n\n\n
Antoine Dehoux (Lead DS Manager chez Carrefour), Mo\u00efse Akbaraly (co-fondateur d’Ipedis), Joshua Grade (DS Designer chez Radio France), Ivan Tozzi (Responsable Design System dans une entreprise du secteur bancaire) et Loraine Duclaux (Product Ops chez Devoteam) ont partag\u00e9 leurs exp\u00e9riences, entre contraintes r\u00e9glementaires, d\u00e9fis organisationnels et succ\u00e8s concrets. Retour sur les pratiques et enseignements de ces organisations aux maturit\u00e9s diverses.<\/p>\n\n\n\n
Les intervenants ont pr\u00e9sent\u00e9 des syst\u00e8mes de design<\/a> d’envergure comparable mais avec des priorit\u00e9s diff\u00e9rentes. Carrefour et l\u2019entreprise du secteur bancaire affichent une maturit\u00e9 \u00e9lev\u00e9e sur le volet design system, tandis qu’Ipedis se distingue par son expertise pouss\u00e9e en accessibilit\u00e9. Radio France, de son c\u00f4t\u00e9, se positionne \u00e0 un niveau interm\u00e9diaire sur ces deux dimensions.<\/p>\n\n\n\n Chez Carrefour, l’acc\u00e9l\u00e9ration a eu lieu en sortie de Covid avec 70 composants d\u00e9ploy\u00e9s sur 5 technologies pour 100 utilisateurs actifs. Le design system d\u2019Ivan Tozzi compte \u00e9galement 70 composants d\u00e9clin\u00e9s en 4 th\u00e8mes (clients, entreprises, banque priv\u00e9e, collaborateurs d\u2019agence), utilis\u00e9s par 250 applications, 150 d\u00e9veloppeurs r\u00e9partis sur 6 domaines applicatifs.<\/p>\n\n\n\n Radio France g\u00e8re actuellement 3 design systems qui tendent vers une unification, avec une volont\u00e9 affich\u00e9e de simplification. Ipedis, quant \u00e0 elle, a con\u00e7u son propre design system comme outil p\u00e9dagogique. 24 composants sont destin\u00e9s \u00e0 accompagner une trentaine de clients dans l’impl\u00e9mentation de l’accessibilit\u00e9.<\/p>\n\n\n\n Si la contrainte l\u00e9gale d’avril dernier a jou\u00e9 un r\u00f4le, elle n’a pas \u00e9t\u00e9 le seul moteur. Chez Carrefour, \u00ab tout part de la tech \u2014 \u00e7a permet de fournir une base \u00bb, explique Antoine Dehoux.<\/p>\n\n\n\n Pour Ivan Tozzi, la d\u00e9marche a d\u00e9but\u00e9 en 2019 face \u00e0 un constat pragmatique. Chaque projet d\u00e9veloppait ses propres solutions, rendant les refontes de sites extr\u00eamement complexes. L’uniformisation par les bonnes pratiques a naturellement conduit vers le design system.<\/p>\n\n\n\n Pour Radio France, l’accessibilit\u00e9 est devenue prioritaire il y a tout juste un an. Avec un contenu 100% audio, l’organisation compte de nombreux utilisateurs malvoyants. C’est ce qui a motiv\u00e9 un gros travail sur l’application mobile, la plus utilis\u00e9e de son \u00e9cosyst\u00e8me.<\/p>\n\n\n\n Chez Ipedis, l’objectif \u00e9tait d’acc\u00e9l\u00e9rer les processus de rem\u00e9diation pour leurs clients.<\/p>\n\n\n\n Les approches initiales varient selon les organisations. Chez Radio France, la premi\u00e8re refonte de l’application s’est concentr\u00e9e sur les utilisateurs malvoyants avant de s’\u00e9tendre au site web.<\/p>\n\n\n\n Carrefour a mis\u00e9 sur la s\u00e9mantique, en verrouillant les bonnes pratiques d\u00e8s l’\u00e9tape Figma, notamment en limitant les palettes de couleurs. Une documentation d’acculturation a accompagn\u00e9 cette d\u00e9marche.<\/p>\n\n\n\n Pour Ivan Tozzi, la contrainte r\u00e9glementaire de 2019 a donn\u00e9 l’impulsion, suivie d’un accompagnement des projets et d’un effort d’acculturation. L’\u00e9quipe a d\u00e9velopp\u00e9 une expertise en accessibilit\u00e9, r\u00e9dig\u00e9 des guidelines pour designers et d\u00e9veloppeurs, puis cr\u00e9\u00e9 les composants. Pour lui, \u00ab l’accessibilit\u00e9 ne peut \u00eatre mise en place que par l’utilisation d’un design system. Elle n\u2019est pas qu\u2019un sujet technique ou un sujet design. \u00bb<\/p>\n\n\n\n Ipedis a adopt\u00e9 une approche pragmatique en priorisant les composants les plus probl\u00e9matiques identifi\u00e9s lors des audits, puis en d\u00e9finissant des mod\u00e8les de tests avec des sc\u00e9narios pour chaque composant dans des situations donn\u00e9es.<\/p>\n\n\n\n La question de la responsabilit\u00e9 suscite un consensus. Le design system est un fournisseur qui livre toutes les briques n\u00e9cessaires. Cependant, il ne peut \u00eatre garant de la mise en production finale qu’il ne contr\u00f4le pas.<\/p>\n\n\n\n Pour Ivan Tozzi, une couche d’impl\u00e9mentation sur l’interface reste du c\u00f4t\u00e9 des projets et des d\u00e9veloppeurs. D’o\u00f9 la mise en place de guidelines et de formations pour permettre aux Product Owners et d\u00e9veloppeurs de tester en autonomie.<\/p>\n\n\n\n Radio France adopte une philosophie similaire : fournir des guidelines qui permettent d’\u00e9viter 90% des probl\u00e8mes, donner une bonne base et accompagner les \u00e9quipes pour les aider.<\/p>\n\n\n\n Loraine Duclaux a apport\u00e9 l’\u00e9clairage du Product Ops sur cette probl\u00e9matique. Sa mission : optimiser le flux de travail sur tout le cycle produit et fournir un cadre robuste et scalable. Le design system, ce sont des librairies, mais aussi des guidelines.<\/p>\n\n\n\n Un certain nombre de crit\u00e8res sont g\u00e9r\u00e9s nativement par la technique, comme les couleurs. Sur la formation, \u00ab dans l’id\u00e9al on forme tout le monde, mais c’est complexe et co\u00fbteux \u00bb, reconna\u00eet-elle. D’o\u00f9 l’int\u00e9gration de l’accessibilit\u00e9 d\u00e8s l’onboarding au design system.<\/p>\n\n\n\n Pour que le cadre fonctionne, il doit \u00eatre proche des pratiques des \u00e9quipes. Les revues de conformit\u00e9 au design system propos\u00e9es aux \u00e9quipes peuvent \u00eatre un bon levier pour proposer aux \u00e9quipes un soutien concernant l\u2019accessibilit\u00e9. Et ce pour faciliter l’acculturation et la communication car l’accessibilit\u00e9 est souvent per\u00e7ue comme une contrainte.<\/p>\n\n\n\n \u00ab L’accessibilit\u00e9 est un crit\u00e8re de qualit\u00e9 produit, et donc concerne toute l’\u00e9quipe. \u00bb<\/p>\n\n\n\n Assurer des interfaces fluides concerne tout le monde et, dans ce cadre, le design system peut devenir un v\u00e9ritable outil de conduite du changement. Plus les \u00e9quipes s’engagent dans cette d\u00e9marche, plus elles acqui\u00e8rent des r\u00e9flexes pour cr\u00e9er des composants accessibles.<\/p>\n\n\n\n Chez Carrefour, l’acculturation passe par tous les canaux. On forme les designers, on cr\u00e9e des documentations m\u00eame si elles ne sont pas toujours lues, on d\u00e9veloppe des plugins avec pour objectif de livrer la version la plus parfaite possible. La posture est celle du facilitateur, allant jusqu’\u00e0 proposer des outils GPT pour la cr\u00e9ation d’images.<\/p>\n\n\n\n Pour Ivan Tozzi, le design system a permis d’avancer sur un terrain historiquement difficile : la co-cr\u00e9ation entre le p\u00f4le design et le p\u00f4le technique. Pour un besoin donn\u00e9, l’\u00e9quipe conna\u00eet d\u00e9sormais tous les contextes d’affichage. Elle donc peut amener le composant plus loin que le besoin initial.<\/p>\n\n\n\n Les indicateurs varient selon les organisations. Radio France ne mesure pas vraiment l’impact pour l’instant, si ce n’est le nombre de composants cr\u00e9\u00e9s.<\/p>\n\n\n\n Chez Carrefour, chaque composant a un score avec un objectif de 100%. Pour l’instant, c’est un contr\u00f4le manuel qui doit \u00eatre automatis\u00e9 \u00e0 terme.<\/p>\n\n\n\n Ivan Tozzi n’a pas mis en place de scoring sur les composants mais s’appuie sur les audits, tant sur les composants eux-m\u00eames que sur les projets accompagn\u00e9s. Le taux d’accessibilit\u00e9 d\u00e9passe les 80% sur les audits r\u00e9alis\u00e9s.<\/p>\n\n\n\n Les ambitions pour l’avenir refl\u00e8tent les sp\u00e9cificit\u00e9s de chaque organisation.<\/p>\n\n\n\n Carrefour mise sur l’automatisation des t\u00e2ches chronophages pour tout v\u00e9rifier automatiquement. Dans l’\u00e9cosyst\u00e8me e-commerce avec ses tr\u00e8s nombreux cas d’usage, pouvoir faire du reporting automatique devient crucial. L’int\u00e9gration de l’IA pour automatiser certains processus est \u00e0 l’\u00e9tude.<\/p>\n\n\n\n Ivan Tozzi souhaite aller plus loin en d\u00e9finissant des patterns complets : qu’est-ce qu’un parcours ? Qu’est-ce qu’un virement bancaire ? L’objectif est de simplifier toujours plus l’utilisation des fonctionnalit\u00e9s. Sur l’IA, Ivan Tozzi observe qu’on ne peut pas automatiser les audits, mais que cela aide \u00e0 mettre en place des tests unitaires. \u00ab En termes de handicap, l’IA est beaucoup utilis\u00e9e. S’il n’y a pas d’accessibilit\u00e9, on ne peut pas r\u00e9pondre \u00e0 l’IA utilis\u00e9e par les clients malvoyants. L’IA n’est pas qu’un mode de production – elle devient aussi un \u00ab\u00a0client\u00a0\u00bb. \u00bb<\/p>\n\n\n\n Ipedis travaille sur les composants pour le mobile et pr\u00e9voit de traduire son design system, actuellement en anglais, en fran\u00e7ais.<\/p>\n\n\n\n Les obstacles rencontr\u00e9s sont multiples. Chez Carrefour, malgr\u00e9 une belle r\u00e9ussite aupr\u00e8s de tous types d’utilisateurs, tous \u00e2ges et tous publics, la principale difficult\u00e9 reste ceux qui consid\u00e8rent l’accessibilit\u00e9 comme facultative.<\/p>\n\n\n\n Pour Ivan Tozzi, l’adoption par le top management et le budget ont constitu\u00e9 des d\u00e9fis. G\u00e9rer les urgences techniques d’accessibilit\u00e9 chez de gros clients n’est pas toujours simple. Mais la r\u00e9ussite est au rendez-vous. Plus de 250 projets utilisent le design system, facilitant le delivery et installant une confiance durable. \u00ab Aujourd’hui \u00e7a rentre dans l’ADN de la Banque alors que l’adoption a \u00e9t\u00e9 compliqu\u00e9e \u00bb, se r\u00e9jouit Ivan Tozzi.<\/p>\n\n\n\n Radio France fait face \u00e0 des difficult\u00e9s de processus et de mise en place, avec des deadlines fixes et strictes qui maintiennent l’\u00e9quipe en phase de rattrapage. N\u00e9anmoins, le succ\u00e8s sur la partie malvoyants aide \u00e0 porter le sujet aupr\u00e8s de la direction.<\/p>\n\n\n\n Ipedis a appris une le\u00e7on importante. Avoir con\u00e7u des composants 100% accessibles ne suffit pas, car les comportements changent d’un lecteur d\u2019\u00e9cran \u00e0 l’autre. \u00ab D’o\u00f9 l’importance de la partie test utilisateur. Le score n’est pas une fin en soi ; on doit prendre en compte dans le processus les tests utilisateurs et les feedbacks. On peut avoir coch\u00e9 toutes les cases et parfois \u00e7a ne fonctionne pas \u00bb, souligne Mo\u00efse Akbaraly. La r\u00e9ussite se mesure par la r\u00e9duction des d\u00e9lais de rem\u00e9diation entre le rapport d’audit et les corrections, l’harmonisation des pratiques.<\/p>\n\n\n\n Pour Carrefour, le ROI du design system est \u00e9vident et a permis d’\u00e9viter de nombreuses p\u00e9nalit\u00e9s. Mais il aurait \u00e9t\u00e9 pr\u00e9f\u00e9rable de ne pas attendre la contrainte l\u00e9gislative, notamment pour pr\u00e9server l’image de marque.<\/p>\n\n\n\n Pour Ivan Tozzi, c’est \u00e0 force de pers\u00e9v\u00e9rance que l’adoption s’est faite. Montrer que c’est un sujet d’innovation et de qualit\u00e9 produit, fournir au client le produit le plus simple \u00e0 utiliser a pris du temps. Cependant, l’\u00e9quipe ne ferait pas forc\u00e9ment les choses diff\u00e9remment.<\/p>\n\n\n\n Radio France manque encore de recul mais estime qu’int\u00e9grer plus de personnes, plus vite et plus t\u00f4t aurait permis d’\u00e9viter de nombreux points de friction.<\/p>\n\n\n\n Ipedis aurait commenc\u00e9 la cr\u00e9ation d\u2019un design system beaucoup plus t\u00f4t.<\/p>\n\n\n\n Fort de ces exp\u00e9riences contrast\u00e9es, les intervenants partagent leurs recommandations pour les \u00e9quipes qui se lancent dans l’int\u00e9gration de l’accessibilit\u00e9. Le premier pilier reste la formation des \u00e9quipes impliqu\u00e9es, et ce d\u00e8s le d\u00e9part. Cette acculturation doit s’accompagner d’une pratique syst\u00e9matique. Tester t\u00f4t et tester souvent permet d’identifier les probl\u00e8mes au plus vite, plut\u00f4t que de d\u00e9couvrir les dysfonctionnements en fin de cycle.<\/p>\n\n\n\n Cette d\u00e9marche ne peut fonctionner que si l’accessibilit\u00e9 est int\u00e9gr\u00e9e comme un crit\u00e8re obligatoire et non comme une option. La communication s’av\u00e8re essentielle afin de changer les perceptions et de cr\u00e9er une culture commune au sein des organisations. Il s’agit \u00e9galement de documenter, centraliser et accompagner les \u00e9quipes. Ceci, pour faciliter l’appropriation par tous, tout en gardant constamment le souci de l’usage et l’utilisateur au centre des pr\u00e9occupations.<\/p>\n\n\n\n Sur le plan op\u00e9rationnel, il est crucial de penser \u00e0 l\u2019accessibilit\u00e9 d\u00e8s la conception plut\u00f4t que de corriger a posteriori, une approche qui \u00e9vite \u00e0 la fois les co\u00fbts et les frustrations. Cela implique d’\u00e9viter le d\u00e9s\u00e9quilibre entre tech et design en favorisant une v\u00e9ritable collaboration, notamment par la mise en place de bin\u00f4mes design\/accessibilit\u00e9 pour chaque composant. Cette approche globale permet d’assurer une qualit\u00e9 homog\u00e8ne.<\/p>\n\n\n\n Face aux r\u00e9sistances potentielles, les intervenants conseillent de prouver la valeur rapidement dans la mesure du possible pour convaincre les d\u00e9cideurs et maintenir l’\u00e9lan. Enfin, pour les organisations \u00e0 vocation internationale, anticiper d\u00e8s le d\u00e9part la dimension multilingue et multiculturelle \u00e9vite de co\u00fbteux retours en arri\u00e8re.<\/p>\n\n\n\n Ces retours d’exp\u00e9rience montrent que l’int\u00e9gration de l’accessibilit\u00e9 dans les design systems est un parcours exigeant mais porteur de valeur, tant pour les utilisateurs que pour les organisations elles-m\u00eames. Entre contraintes r\u00e9glementaires et conviction, entre obstacles techniques et gains mesurables, le chemin vers l’accessibilit\u00e9 universelle se construit pas \u00e0 pas, composant apr\u00e8s composant.<\/p>\n","protected":false},"excerpt":{"rendered":" Depuis l\u2019entr\u00e9e en vigueur en juin dernier de la nouvelle directive europ\u00e9enne visant \u00e0 garantir l\u2019acc\u00e8s \u00e0 certains services et produits aux personnes en situation de handicap, l\u2019accessibilit\u00e9 num\u00e9rique ne peut plus \u00eatre trait\u00e9e comme un sujet isol\u00e9, qu\u2019il soit technique ou design. Elle exige une approche syst\u00e9mique, et le design system s’impose comme l’outil […]<\/p>\n","protected":false},"featured_media":796590,"template":"","categories":[950],"tags":[],"industry":[],"class_list":["post-796188","expert-view","type-expert-view","status-publish","has-post-thumbnail","hentry","category-developpement-dapplications-cloud-native"],"acf":[],"cards":"\n\tLes d\u00e9clencheurs : entre contrainte l\u00e9gale et n\u00e9cessit\u00e9 technique<\/strong><\/h2>\n\n\n\n
![\"Design](\"https:\/\/devoteam.info\/wp-content\/uploads\/2025\/12\/Devoteam_Design-System_Accessibilite-2-1024x683.jpg\")
<\/figure>\n\n\n\nLes premi\u00e8res briques de l’accessibilit\u00e9<\/strong><\/h2>\n\n\n\n
Qui est garant de l’accessibilit\u00e9 ?<\/strong><\/h2>\n\n\n\n
Le r\u00f4le du Product Ops dans l’int\u00e9gration de l’accessibilit\u00e9<\/strong><\/h2>\n\n\n\n
Comment mesurer l’impact ?<\/strong><\/h2>\n\n\n\n
Les prochaines \u00e9tapes<\/strong><\/h2>\n\n\n\n
Difficult\u00e9s et r\u00e9ussites<\/strong><\/h2>\n\n\n\n
Que feraient-ils diff\u00e9remment ?<\/strong><\/h2>\n\n\n\n
Design system et accessibilit\u00e9 : conseils aux \u00e9quipes<\/strong><\/h2>\n\n\n\n
\n\n\t\t<\/a><\/figure>\n\n\t\t\n\t\t