La conception avant le code : réfléchir à l'accessibilité dès le départ

Caitlin Geier

Par Caitlin Geier

10 mai 2017

l'accessibilité avant tout

Cet article se compose de deux parties et s'inspire de la présentation donnée par Caitlin lors de la conférence CSUN 2017. La présentation et ces articles s'adressent principalement aux designers et mettent l'accent sur la conception de l'expérience utilisateur. La première partie aborde les principes d'ergonomie et le rôle du designer au sein d'une équipe.

Si vous avez déjà eu affaire à l’accessibilité numérique, vous savez que ce n’est pas aussi simple qu’il n’y paraît. Dans de nombreux pays, le respect des obligations visant à rendre un site web ou une application accessible est facilité par l’existence de directives à suivre. Cependant, que vous vous conformiez aux Directives pour l’accessibilité des contenus web (WCAG) ou à d’autres normes, ces directives peuvent s’avérer complexes et comporter de nombreuses zones d’ombre qui évoluent au fur et à mesure des progrès technologiques.

Les WCAG constituent l'ensemble de directives le plus largement reconnu ; je m'en servirai donc comme exemple tout au long de cet article. Les WCAG couvrent toute une série d'exigences qui s'appliquent à la conception visuelle, à l'architecture de l'information, au contenu et au code. Bon nombre de ces exigences (mais pas toutes !) relèvent clairement du domaine de compétence du concepteur. Même une partie des WCAG représente déjà beaucoup de matière à assimiler. Je travaille chez Deque depuis près de deux ans en tant que designer et je ne me considère en aucun cas comme un expert.

Mon passage chez « Deque » m’a donné l’occasion de réfléchir longuement à ce qu’impliquent réellement l’apprentissage et la mise en pratique du design accessible. C’est pourquoi j’ai identifié cinq domaines clés sur lesquels se concentrer lorsque l’on aborde l’accessibilité, afin que vous puissiez établir de solides bases pour intégrer l’accessibilité dans votre pratique du design.

Point n° 1 : Comprendre les principes de l'ergonomie

Si vous travaillez dans le domaine du design, vous avez sans doute déjà eu l’occasion de vous familiariser, ne serait-ce qu’un peu, avec les principes fondamentaux de la conception de l’expérience utilisateur et de l’ergonomie. L’objectif de la conception de l’expérience utilisateur est de concevoir un système qui, d’une part, réponde aux besoins de son public cible (fonctionnalité) et qui, d’autre part, soit facile et agréable à utiliser pour ce même public (ergonomie). Concevoir en mettant l’accent sur l’ergonomie nécessite de comprendre au moins les principes de base qui rendent un produit utilisable.

De même, l’accessibilité consiste en grande partie à s’assurer que les sites web, les applications, les produits et les espaces physiques sont utilisables par les personnes en situation de handicap. Une partie importante des WCAG porte exclusivement sur l’ergonomie des contenus numériques pour les utilisateurs en situation de handicap : il s’agit de veiller à ce que les informations soient compréhensibles, qu’elles transmettent un sens et que la manière dont les technologies d’assistance (comme un lecteur d’écran) accèdent à ces informations soit logique pour l’utilisateur.

On croit souvent à tort qu’il est possible d’avoir un site web accessible qui ne soit pas utilisable, et inversement. Je dirais que l’accessibilité est un sous-ensemble de l’ergonomie : encore une fois, l’objectif de l’accessibilité est de rendre les sites web, les bâtiments, les appareils, etc. utilisables par les personnes en situation de handicap. Par exemple, si votre site web respectait scrupuleusement les directives WCAG, mais qu’un utilisateur équipé d’un lecteur d’écran le trouvait difficile à utiliser, je ne considérerais pas votre site comme véritablement accessible.

Dans ce cas, si un utilisateur de lecteur d'écran pouvait accéder au site mais le trouvait très difficile à utiliser, il est probable que le site ne soit pas très convivial pour qui que ce soit. Il est également très probable que l'esprit des WCAG n'ait pas été respecté, car une grande partie de ces directives est spécifiquement axée sur l'ergonomie. Aborder la conception du site en plaçant l'utilisateur au centre des préoccupations – en veillant à ce que la navigation soit intuitive, en incluant des textes d'aide et des messages d'erreur utiles, en organisant le contenu de manière logique, etc. – peut grandement contribuer à rendre un site véritablement accessible.

Comprendre ce qui rend un site convivial constitue une première étape essentielle pour le rendre accessible. Les 10 heuristiques de Jakob Nielsen, qui constituent une norme largement reconnue pour déterminer si un site est convivial ou non, recoupent en effet largement les WCAG. Si vous prenez le temps de comprendre et de mettre en pratique les principes d'ergonomie, vous couvrirez déjà une grande partie des aspects liés à l'accessibilité.

Point n° 2 : Comprendre les utilisateurs

Pour rendre un site web convivial, il est essentiel de comprendre comment les utilisateurs naviguent sur les sites web et, plus précisément, d’identifier les profils des personnes qui consultent votre site. De même, pour rendre un site web accessible, il est essentiel de comprendre les différents types de handicaps que peuvent présenter les utilisateurs, ainsi que la manière dont les personnes en situation de handicap accèdent aux sites web et consultent leur contenu. Les utilisateurs en situation de handicap ont souvent recours à des technologies d’assistance, telles que les lecteurs d’écran et les claviers augmentatifs, pour naviguer sur le Web.

Il est important de noter qu’à tout moment, 15 à 20 % de la population mondiale présente un handicap, qu’il soit temporaire ou permanent. Presque tout le monde sur cette planète sera confronté à un handicap à un moment ou à un autre de sa vie, qu'il s'agisse d'un handicap temporaire, comme un bras cassé, ou d'un handicap permanent, comme une perte auditive avancée liée à l'âge. Les handicaps ne sont pas toujours visibles non plus : de nombreuses personnes souffrent de handicaps invisibles, tels que des troubles d'apprentissage (par exemple, la dyslexie) ou des troubles médicaux qui les épuisent facilement (comme la dépression ou la mononucléose).

Il existe de nombreux types de handicaps, tout comme il existe de nombreux types de personnes. Il faut beaucoup de temps pour comprendre les subtilités des catégories et des types de handicaps. La meilleure façon de commencer est de se forger une expérience concrète : discutez avec vos utilisateurs ! Ma règle d’or est d’inclure une personne en situation de handicap pour cinq personnes que je recrute dans le cadre d’activités de recherche utilisateur. Par exemple, lorsque vous recrutez pour un test d’ergonomie, incluez une personne âgée souffrant d’arthrite et de basse vision. Lorsque vous interviewez des utilisateurs, trouvez un utilisateur de lecteur d’écran et renseignez-vous sur ses préoccupations lorsqu’il utilise le Web. Si vous ne menez pas d’études utilisateurs mais que vous avez un collègue qui s’en charge, collaborez avec lui pour inclure des utilisateurs en situation de handicap dans ses recherches et demandez-lui de vous permettre d’assister aux sessions.

L'objectif de la prise en compte de différents types d'utilisateurs n'est pas seulement de comprendre comment les autres perçoivent le monde, mais aussi de développer l'empathie. La recherche utilisateur est une activité utile pour toutes les personnes travaillant sur un site web ou une application, car elle aide toutes les personnes impliquées à mieux comprendre les utilisateurs de l'application et, par conséquent, à concevoir et développer une application mieux adaptée à ces utilisateurs. Cela revêt une importance double lorsqu'on travaille avec des utilisateurs en situation de handicap, car de nombreuses personnes travaillant dans le domaine des logiciels n'ont peut-être aucune expérience avec des personnes en situation de handicap.

Il existe également des exercices simples que vous pouvez réaliser pour favoriser la compréhension au sein de votre équipe : par exemple, si vous travaillez sur un site web, essayez de le parcourir en utilisant uniquement votre clavier, et mettez vos collègues au défi de faire de même. Évaluez vos conceptions en simulant différents types de déficiences visuelles à l’aide d’un outil tel que l’extension Chrome NoCoffee. Lorsque vous évaluez plusieurs options pour une conception visuelle, sortez par une journée ensoleillée et voyez quelle option est la plus facile à distinguer malgré l’éblouissement du soleil.

Une capture d'écran de NoCoffee simulant les effets du « ghosting » visuel sur Audible.com
Une capture d'écran de NoCoffee simulant les effets du « ghosting » visuel sur Audible.com

Et n'oubliez pas : vous n'êtes pas votre utilisateur. Vous n'avez pas les mêmes besoins que vos utilisateurs, ni les mêmes expériences. Cela vaut tout particulièrement pour de nombreux utilisateurs en situation de handicap, car ils sont susceptibles d'utiliser des technologies que vous n'utilisez pas régulièrement, voire que vous n'avez jamais utilisées.

Conseil n° 3 : Travaillez avec votre équipe

Dans la section précédente, j’ai évoqué l’importance d’impliquer votre équipe dans la compréhension des utilisateurs en situation de handicap. En tant que concepteur de produits numériques, vous n’êtes probablement pas la seule personne à participer à la définition, à la conception, au développement et à la mise sur le marché des produits sur lesquels vous travaillez. Peut-être travaillez-vous au sein d’une grande équipe de conception, ou peut-être êtes-vous concepteur intégré à une équipe de développement. Peut-être vous consacrez-vous à un seul projet, ou peut-être travaillez-vous sur plusieurs projets à la fois. Quelle que soit votre façon de travailler, sachez que la responsabilité de rendre un site web ou une application accessible ne vous incombe pas entièrement.

En tant que concepteur, vous êtes responsable de nombreux aspects liés à l'accessibilité. Les couleurs que vous choisissez, la mise en page du menu principal, les icônes que vous utilisez : tous ces choix de conception peuvent avoir une incidence sur l'accessibilité du produit final. En tant que concepteur, vous êtes sans doute l'une des premières personnes à travailler sur un produit. Les décisions que vous prenez peuvent avoir des répercussions considérables sur le niveau d'accessibilité de votre produit au moment de sa mise sur le marché.

Le graphique ci-dessus montre que l'effort nécessaire pour intégrer l'accessibilité dès le début du processus de conception (lorsque le produit n'est encore qu'une ébauche) est bien moindre que celui requis pour tenter d'y intégrer l'accessibilité de force alors que le produit est presque achevé.
Anticipez ! À mesure que les détails d’un produit ou d’une fonctionnalité se précisent, il devient de plus en plus difficile de revenir en arrière pour corriger les problèmes. Le graphique ci-dessus montre que l’effort nécessaire pour intégrer l’accessibilité dès le début du processus de conception (lorsque le produit n’est encore qu’une ébauche) est bien moindre que celui requis pour tenter d’y intégrer de force l’accessibilité alors que le produit est presque achevé.

Toutes ces informations sur l’accessibilité peuvent sembler intimidantes pour l’instant, et cela représente une lourde responsabilité. Mais cette responsabilité incombe également aux développeurs qui codent l’application, aux responsables de l’assurance qualité qui la testent, et même aux chefs de projet qui accompagnent le produit d’une phase à l’autre. D'autres personnes extérieures à votre équipe peuvent être impliquées dans la conception des composants que le produit utilisera, dans la création de contenu, voire dans l'élaboration des directives de marque et de style pour l'ensemble de l'entreprise ; elles assument elles aussi une part de responsabilité quant à l'accessibilité et à l'ergonomie du produit final.

En tant que concepteur, la chose la plus importante que vous puissiez faire pour contribuer à rendre votre produit plus accessible est de communiquer l’intention de vos conceptions aux autres personnes qui travaillent sur ce produit. Cela peut consister à annoter vos conceptions avec des éléments d’accessibilité, tels que du texte alternatif pour les icônes ou en précisant quels niveaux de titres doivent être utilisés. Cela peut également impliquer d’organiser régulièrement des revues de conception avec les développeurs et les testeurs QA de votre équipe, au cours desquelles vous les encouragez à poser des questions sur vos conceptions. Même si vous effectuez vous-même un peu de codage front-end, vous ne pouvez pas dicter entièrement la manière dont une fonctionnalité sera mise en œuvre, ni garantir que la mise en œuvre de votre conception sera accessible. Vous pouvez toutefois fournir aux développeurs et aux testeurs QA certains des outils dont ils ont besoin pour rendre la mise en œuvre de vos conceptions accessible, en leur indiquant qui utilisera le produit, comment il sera utilisé et quelles performances il doit offrir pour être accessible.

C’est là que l’implication de personnes en situation de handicap dans les activités de recherche utilisateur, telles que les tests d’ergonomie, peut avoir des répercussions considérables. Un développeur de votre équipe peut ne pas comprendre pourquoi une fonctionnalité d’accessibilité est importante, mais lui montrer une vidéo d’un utilisateur en situation de handicap physique essayant – sans y parvenir – d’utiliser cette fonctionnalité peut l’aider à comprendre. Un collègue chargé de la gestion du guide de style pourrait se montrer réticent à modifier les couleurs pour les rendre plus accessibles, mais lui montrer comment ces couleurs seraient perçues par une personne atteinte de daltonisme pourrait vous aider à le convaincre. Une partie de votre rôle en tant que designer consiste à comprendre ce qui relève ou non de votre responsabilité en matière d’accessibilité, et à encourager vos coéquipiers à jouer également leur rôle.

Et maintenant ?

Partir des principes d’ergonomie et investir dans la recherche utilisateur peut grandement vous aider à vous familiariser rapidement avec l’accessibilité. Il est également important de garder à l’esprit que l’accessibilité relève aussi de la responsabilité de vos collaborateurs. Comprendre quels aspects de l’accessibilité relèvent de votre responsabilité en tant que concepteur constitue l’étape suivante, et c’est une étape importante. Ne manquez pas la deuxième partie de cet article, qui abordera des éléments de conception et des modèles plus spécifiques nécessitant une attention particulière en matière d’accessibilité, ainsi que des méthodes pour intégrer l’accessibilité à l’aide de guides de style et de bibliothèques de modèles.

Caitlin Geier

Caitlin Geier

Caitlin Geier est conceptrice UX chez Deque. En tant que conceptrice UX, son travail dans le domaine de la conception accessible s’est véritablement épanoui dès qu’elle a rejoint Deque. Elle s’attache avec passion à comprendre les utilisateurs pour lesquels elle conçoit ses produits et s’efforce sans cesse d’intégrer des éléments d’accessibilité dans son travail afin de garantir que tous les utilisateurs puissent bénéficier d’une conception inclusive.

Recevez les articles de blog directement dans votre boîte mail

Pas de bavardages inutiles, mais des informations concrètes sur l'accessibilité, fournies par des experts qualifiés.

Vous acceptez que Deque , utilise et partage des informations conformément à Dequedéclaration de confidentialité. Vous pouvez modifier votre consentement à tout moment en nous contactant.

En savoir plus sur ce sujet

Pour que votre entreprise prospère à l'ère de l'IA agentique, considérez l'accessibilité comme un élément fondamental de votre stratégie en matière d'IA

Preety Kumar 100 x 150
29 juillet 2026 Par Preety Kumar

Il faut intégrer l'accessibilité dès la première instruction donnée à l'IA pour la rédaction de code, et non pas y remédier a posteriori. Et comme la communauté des personnes en situation de handicap perfectionne depuis des décennies l'interaction homme-machine pour différentes modalités d'entrée et de sortie, son expertise n'est pas seulement importante d'un point de vue moral ; elle est techniquement essentielle pour développer une IA robuste et fiable qui fonctionne réellement.

Lire l'article
Image de type organigramme illustrant l'arborescence de l'accessibilité et son influence sur l'accessibilité centrée sur l'humain et celle centrée sur les agents d'IA.

Pourquoi l'accessibilité numérique est une priorité stratégique pour HSBC

Logo de Deque
28 juillet 2026 Par Deque Systems

Mali Fernando, responsable du groupe « Expérience numérique et accessibilité » chez HSBC, évoque le rôle de l'accessibilité numérique dans l'amélioration de l'expérience bancaire, le renforcement des relations avec la clientèle et la réussite commerciale à long terme.

Lire l'article
Logo HSBC