Qu'est-ce que l'accessibilité Web ? - Skillcrush

Si votre conception UX n’est pas accessible aux personnes handicapées, est-ce vraiment UX ? La conception UX est une spécialisation en conception de sites Web particulièrement soucieuse de la facilité d’accès d’un individu à l’information et du plaisir général. Ainsi, par sa définition même, les considérations d’accessibilité permettent aux concepteurs UX de créer des produits pour TOUS les utilisateurs.

L’accessibilité numérique est un droit, mais on estime que seulement 2 % des sites Web sur Internet respectent les directives pour l’accessibilité des contenus Web (WCAG). Et puisque l’accessibilité numérique a un impact considérable sur les moyens de subsistance et le bien-être des personnes handicapées, les concepteurs UX ont une opportunité urgente et un impératif de rendre les produits accessibles.

Lisez notre aperçu de l’accessibilité Web et apprenez à créer une conception Web accessible.

Table des matières

Qu’est-ce que l’accessibilité ?

Avant d’expliquer explicitement l’importance de l’accessibilité du Web, posons les bases. Qu’est-ce que l’accessibilité ?

La définition de base du mot accessibilité est le concept de pouvoir être atteint ou saisi.

Par exemple, si je garde mon téléphone allumé, je suis accessible à mes amis, à ma famille et aux télévendeurs. Cependant, si j’éteins mon téléphone pour éviter les télévendeurs embêtants, je me suis rendu inaccessible à mes amis et à ma famille.

L’exemple du téléphone est insignifiant quand on considère le rôle que joue l’accessibilité dans notre société. L’accessibilité fait référence à la conception de sites, de produits, d’appareils, de services, de véhicules et de tous les environnements de manière à être utilisables par les personnes handicapées. La conception accessible est souvent la différence entre une personne qui accède ou non à des informations vitales. Mais avant de prendre de l’avance, parlons de l’accessibilité du Web.

(Retour au sommet.)

Pourquoi l’accessibilité du Web est-elle importante ?

Comme mentionné, l’accessibilité est la qualité d’être atteint. De la même manière, l’accessibilité du Web est la pratique inclusive consistant à éliminer les obstacles aux applications Web pour les personnes handicapées. Les handicaps que les concepteurs de sites Web doivent prendre en compte incluent :

Auditif
Cognitif
Neurologique
Physique
Discours
Visuel

Il existe des réglementations et des lois fédérales qui traitent de l’accessibilité du Web, notamment la loi sur la réadaptation de 1998 (article 508), qui oblige les agences et programmes fédéraux à fournir une technologie accessible aux employés et aux membres du public handicapés ; cependant, il existe peu de réglementations, voire aucune, qui réglementent l’accessibilité du Web pour les entités privées.

En pratique, les designers UX sont souvent responsables de l’accessibilité dans le secteur privé. (Cependant, il est de la responsabilité de chacun de respecter les normes d’accessibilité.) Et bien que cela puisse sembler être le flux naturel du travail du concepteur UX, l’accessibilité UX est souvent mise de côté.

Dans une étude de 2022 menée par WebAIM (Web Accessibility In Mind), l’organisation a constaté que les utilisateurs handicapés sont susceptibles de rencontrer plusieurs éléments inaccessibles lorsqu’ils interagissent avec le million de pages Web les plus importantes sur Internet. Les utilisateurs handicapés peuvent s’attendre à rencontrer des erreurs sur 1 élément de la page d’accueil sur 19 avec lesquels ils interagissent.

Les « erreurs » notées dans l’étude comprennent le texte à faible contraste, le texte alternatif manquant (ALT), les formulaires mal étiquetés, les en-têtes sautés ou absents et le texte de lien ambigu.

Ces erreurs dans le processus de conception UX étendu peuvent sembler mineures mais ont un impact profond sur les utilisateurs handicapés, affectant souvent négativement leur capacité à accéder aux informations et à participer à des activités auxquelles les personnes non handicapées peuvent plus facilement accéder.

Continuez à lire pour plus d’informations sur l’accessibilité, la convivialité et l’équité.

(Retour au sommet.)

Accessibilité vs convivialité

En ce qui concerne l’accessibilité, il y a un sujet complémentaire que nous devons aborder : la convivialité.

L’utilisabilité est souvent confondue avec le design accessible en raison de leurs définitions similaires, mais ne vous y trompez pas, ces deux sujets ne sont pas les mêmes.

Qu’est-ce que la convivialité ?

La convivialité est un objectif de conception UX qui fait référence à la facilité avec laquelle un utilisateur interagit avec les sites Web et les applications mobiles. Les concepteurs utilisent un cadre de principes de conception et d’empathie pour prévoir, reconnaître et résoudre les problèmes des utilisateurs.

Cela sonne bien en théorie – garantissant que les utilisateurs peuvent facilement utiliser un produit ou un service – cependant, les utilisateurs handicapés ne sont souvent pas inclus dans les tests d’utilisabilité menés par les concepteurs UX et les ingénieurs en utilisabilité.

Comme l’explique Jared Smith, directeur associé de WebAIM, un ingénieur ou un facilitateur en utilisabilité pose en moyenne à trois utilisateurs des questions et leur confie des activités pour identifier les problèmes d’utilisabilité les plus importants. Ceci est connu sous le nom d’approche Rocket Surgery, car des tactiques simples sont utilisées pour résoudre une tâche complexe. Parce qu’un petit échantillon (qui peut ou non inclure des personnes handicapées) est utilisé, les défauts de conception de l’expérience utilisateur ont la possibilité de passer à travers les tests d’utilisabilité.

Par exemple, une barre de navigation flottante peut améliorer l’expérience de navigation d’un utilisateur sans handicap, mais peut ne pas répondre aux besoins d’un utilisateur utilisant uniquement le clavier. De même, un site Web de mauvaise humeur avec une palette de couleurs en sourdine peut évoquer une émotion spécifique mais n’est pas reconnaissable pour un individu daltonien.

Pour cette raison, lorsque les concepteurs UX envisagent une conception centrée sur l’humain, ils doivent tenir compte à la fois des principes de conception d’utilisabilité et d’accessibilité pour créer des conceptions pour tout le monde. Il est également recommandé d’utiliser un outil d’accessibilité Web pour identifier tout biais implicite lors des tests d’utilisabilité.

📌 Note importante: Pour détecter les problèmes d’accessibilité, WebAIM utilise l’API autonome WAVE, un outil d’évaluation de l’accessibilité Web. Il s’agit du même outil que l’organisation a utilisé pour mener l’étude WebAIM Million, qui a détecté 50 829 406 erreurs d’accessibilité distinctes sur un million de pages Web.

(Retour au sommet.)

Accessibilité et équité du site Web

Source: Institut d’interaction pour le changement social

À la base, l’accessibilité du Web est une question d’équité.

L’équité est l’état d’être égal en statut, en droits et en opportunités. En termes de design UX, c’est la qualité de toutes les personnes ayant accès à l’information sur internet. Les sites Web inaccessibles créent une plus grande polarité entre les utilisateurs avec et sans handicap. L’accessibilité du Web comble le fossé.

L’équité et l’accessibilité fonctionnent ensemble pour reconnaître le continuum d’expériences des internautes et supprimer tous les obstacles à l’accès, à l’entrée et à l’engagement des programmes, espaces, produits, services, applications numériques, etc.

(Retour au sommet.)

Apprenez à créer une conception Web accessible

Nous avons établi la définition de l’accessibilité Web et l’importance de l’accessibilité Web, alors comment les concepteurs créent-ils des produits numériques accessibles ? Il existe de nombreuses façons d’améliorer votre processus de conception UX pour créer des conceptions Web accessibles.

Formulaires accessibles

Les formulaires Web sont souvent utilisés pour capturer des informations sur les clients potentiels et les saisir dans un flux de travail marketing. Selon les 5 commandements des formulaires accessibles de mediacurrent, les considérations relatives à l’utilisation de la souris, les balises d’étiquette HTML et les ensembles de champs sont essentiels pour garantir l’accessibilité d’un formulaire. Alors que les formulaires sont lucratifs pour les spécialistes du marketing, les formulaires inaccessibles excluent et/ou limitent les utilisateurs handicapés. Pour créer des formulaires Web accessibles, les concepteurs doivent optimiser les formulaires pour les technologies d’assistance telles que les lecteurs d’écran.

(Retour au sommet.)

Texte alternatif

Le texte ALT est un texte HTML attaché à une image. Lorsqu’une image ne se charge pas, le texte ALT apparaît à la place de l’image sur une page Web. La description ALT n’est pas seulement une solution pratique à sécurité intégrée, les malvoyants et les aveugles utilisent des lecteurs d’écran qui relaient le texte ALT qui décrit les images. Pour cette raison, il est important pour les concepteurs de représenter avec précision les images dans le texte ALT, plutôt que de l’utiliser comme outil de référencement ou de l’omettre complètement.

(Retour au sommet.)

Repères ARIA

Les éléments Web interactifs et réactifs peuvent intriguer les personnes non handicapées, mais totalement inaccessibles aux personnes qui utilisent des appareils fonctionnels. Web Accessibility Initiative – Accessible Rich Internet Applications (WAI-ARIA) est une directive d’accessibilité qui rend le contenu dynamique et les éléments interactifs développés avec HTML et JavaScript accessibles à tous.

(Retour au sommet.)

Vidéos sous-titrées

La plupart des gens bénéficient des sous-titres vidéo, que vous regardiez un film étranger sur Netflix ou que la qualité audio d’une vidéo YouTube soit déformée. Cependant, les sous-titres codés sont particulièrement pertinents et importants pour les personnes souffrant de divers niveaux de perte auditive ou de surdité. Les transcriptions d’accompagnement augmentent également l’accessibilité au contenu vidéo.

(Retour au sommet.)

Contraste de couleur élevé

Les utilisateurs daltoniens ou malvoyants peuvent ne pas être en mesure de visualiser les informations avec un faible contraste des couleurs. Pour résoudre ce problème d’accessibilité, les concepteurs UX peuvent utiliser des couleurs et des images à contraste élevé. Par exemple, utilisez du texte noir en gras sur un arrière-plan de couleur claire, au lieu d’un texte blanc sur un arrière-plan de couleur claire.

(Retour au sommet.)

Pavé tactile, souris trackball, souris ergonomique – il existe une souris d’ordinateur pour la plupart des gens. Cependant, si vous êtes comme l’une des nombreuses personnes qui ne sont pas capables d’utiliser une souris d’ordinateur en raison de limitations physiques, les souris sont inutiles ! À leur tour, la capacité de navigation au clavier ainsi que la mise en œuvre de tests d’accessibilité au clavier constituent une pratique exemplaire en matière d’accessibilité Web.

Bien que les meilleures pratiques ci-dessus prennent en charge votre conception UX, prises seules ou quelques considérations sporadiques ne conduiront pas à une conception Web accessible. Les concepteurs doivent s’engager à rendre pleinement opérationnelle l’accessibilité tout au long de leur processus, et en continu.

Le programme Break Into Tech Web Designer de Skillcrush comprend un programme d’accessibilité, enseignant aux étudiants comment appliquer les pratiques d’accessibilité aux procédures UX standard. Vous ne serez pas seul dans cette expérience d’apprentissage immersive. Lorsque vous rejoignez Break Into Tech, vous rejoignez une communauté de concepteurs Web en herbe, de développeurs Web et d’instructeurs experts investis dans la création d’applications Web inclusives et la redéfinition de l’industrie technologique pour tous.

Votre carrière technologique est à l’horizon – rejoignez la communauté Skillcrush dès aujourd’hui !

(Retour au sommet.)