UX et l'importance de l'accessibilité Web

Publié: 2022-03-11

L'accessibilité du Web consiste à donner à chacun accès aux mêmes informations, quelles que soient les déficiences des utilisateurs.

Selon la Banque mondiale, 1 milliard de personnes (15 % de la population mondiale) souffrent d'une forme de handicap, dont près de 57 millions rien qu'aux États-Unis. (19% de la population américaine selon les chiffres publiés par le US Census Bureau le 25 juillet 2012.)

Il existe quatre types de handicaps vaguement regroupés, qui peuvent être temporaires ou permanents : physiques (comme la paralysie ou les problèmes de motricité fine), sensoriels (comme l'autisme, la surdité ou la cécité), intellectuels (comme le syndrome de Down ou les retards de développement ), et la maladie mentale (y compris la schizophrénie et la dépression). De nombreuses personnes âgées ont des problèmes liés au vieillissement et peuvent également bénéficier d'aménagements pour l'accessibilité.

Il est essentiel de ne pas sous-estimer l'importance de l'accessibilité du Web. Alors qu'il y a 20 ans, Internet était un lieu pour les geeks de la technologie, c'est maintenant une source principale d'information, de divertissement et de communication. Il est utilisé pour tout, du shopping au partage de moments avec des amis, en lisant les actualités, en regardant des émissions de télévision, en postulant à des emplois, en réservant des vacances, etc. Pourtant, pour les personnes handicapées, il existe des obstacles qui rendent beaucoup de ces choses inaccessibles, car de nombreux sites Web ne tiennent pas compte de leurs besoins. Une grande partie d'Internet n'est pas encore traitée comme un espace public et n'en garantit pas l'accès à tous, quelles que soient leurs capacités.

L'accessibilité du site Web est importante pour les utilisateurs handicapés.

Mythes sur l'accessibilité du Web

Lorsqu'elle n'est pas complètement ignorée, l'accessibilité est l'un des aspects les plus négligés de la conception Web. Il souffre d'idées inexactes propagées depuis 20 ans par des agences digitales peu scrupuleuses et leurs équipes de conception et de développement. Les détracteurs ne reconnaissent pas les innovations technologiques, les changements juridiques et les évolutions démographiques majeures, car ils considèrent l'accessibilité comme un élément restrictif et facultatif de la création d'un site Web avec une bonne UX pour tous les utilisateurs. La plupart des discussions sur les raisons pour lesquelles l'accessibilité n'est pas vraiment nécessaire tournent autour d'un ou plusieurs des points suivants :

1. "C'est moche."

S'il est vrai que l'accessibilité totale exige que les concepteurs suivent plusieurs directives strictes qui peuvent avoir un impact sur l'apparence générale d'un site Web ou d'une application, certaines améliorations, telles que la fourniture de descriptions textuelles alternatives pour les images, n'auront pas d'effet notable sur l'utilisateur. interface. Avec la technologie d'aujourd'hui, il est tout à fait possible de créer un site Web tendance, interactif, engageant et accessible. par conséquent, l'accessibilité du Web ne doit plus être considérée comme un fardeau. En outre, il existe également de nombreux sites Web laids non accessibles!

2. "Cela prend trop de temps, coûte trop cher et n'apporte aucun avantage."

Il est vrai que l'intégration de l'accessibilité n'est pas toujours chose aisée et augmentera probablement le temps consacré aux phases de conception et de développement d'un site ou d'une application. Cependant, cela réduira le temps passé sur les améliorations du site et les réparations techniques : code plus propre, moins de bugs.

Penser à l'accessibilité dès le début d'un projet numérique aidera également à réduire les coûts ultérieurs, y compris la maintenance et le support client. Du point de vue du référencement, un site Web accessible aidera également à obtenir de meilleurs classements. Les moteurs de recherche tels que Google fonctionnent un peu comme une personne aveugle utilisant un lecteur d'écran. Lors de la numérisation de vos pages, les robots ne comprennent que le texte. Il est donc important de planifier votre architecture de contenu et vos en-têtes et de fournir un texte alternatif pour les images.

3. "Personne ne s'en soucie."

Cet argument tend à être le principal pour les entreprises et les agences de design qui ne veulent pas investir de temps ou d'argent pour rendre un site Web accessible. En examinant leurs données, il semble que les personnes handicapées ne visitent même pas leur site Web. (Oh, l'ironie ! Comment pourraient-ils le faire s'il ne leur est pas accessible ?) Ils sont également convaincus que le marché est bien trop petit pour avoir de l'importance de toute façon.

Les personnes souffrant de handicaps majeurs ne représentent peut-être qu'une petite partie de leur public, mais qu'en est-il des utilisateurs seniors ? Qu'en est-il des utilisateurs qui ont des déficiences considérées comme « mineures », comme les malentendants ou les daltoniens ? Qu'en est-il de l'utilisateur moyen souffrant d'une migraine débilitante et incapable de supporter des couleurs vives ou des pages défilant à l'infini écrites en 11px ? De nombreux utilisateurs qui ne seraient pas considérés comme handicapés "traditionnellement" peuvent souffrir d'un site Web non accessible.

D'un autre côté, comme dans la vraie vie, rendre la technologie accessible profite à tous. Envisagez des sous-titres pour la télévision dans un bar bruyant ou des rampes pour fauteuils roulants pour les poussettes.

4. "C'est facultatif."

Eh bien, en fait, ce n'est pas le cas. Dans de nombreux pays, il existe des lois interdisant la discrimination à l'égard des personnes handicapées lors de la fourniture d'un service ou d'un produit. Ainsi, en théorie, si un utilisateur handicapé ne peut pas accéder à un contenu parce qu'un site Web n'est pas accessible, il pourrait légitimement intenter une action en justice pour discrimination numérique. Et ces poursuites sont de plus en plus fréquentes chaque année, ce qui coûte souvent aux entreprises des millions de dollars à régler.

Abonnez-vous au blog de design Toptal et recevez notre eBook

Raisons de se soucier de l'accessibilité du Web

1. Conformité légale

Aux États-Unis, les exigences d'accessibilité sont répertoriées dans l'Americans with Disabilities Act, promulguée en 1990. À l'époque, cela concernait principalement les magasins physiques, de sorte que les tribunaux étaient divisés sur la question de savoir si les sites Web et les applications devaient être couverts ou non. En 2017, plus de 800 poursuites ont été déposées devant un tribunal fédéral aux États-Unis seulement, de sorte que la menace de litige est réelle.

Alors que Facebook a été félicité pour son laboratoire d'empathie et ses politiques en matière d'accessibilité, d'autres entreprises n'ont pas été aussi chanceuses. Netflix a été poursuivi à plusieurs reprises par différentes associations d'aveugles et de sourds. En fin de compte, ils devaient fournir un accès égal à son contenu à tous les utilisateurs, y compris en ajoutant des sous-titres à tous ses programmes.

Netflix a amélioré l'accessibilité de son site Web pour les utilisateurs handicapés en ajoutant des sous-titres codés à sa programmation
Poursuivi par plusieurs associations d'utilisateurs sourds, Netflix a accepté de sous-titrer tous ses contenus.

2. Amélioration de la réputation

Les entreprises qui accueillent des personnes handicapées n'en bénéficient que. Les efforts déployés pour rendre un site Web ou une application entièrement accessible ont un impact positif sur la réputation et créent une image de responsabilité sociale et d'attention pour tous les utilisateurs.

Dans le processus d'ajout de fonctionnalités d'accessibilité, les géants de la Silicon Valley n'hésitent pas à innover dans le jeu, investissant des millions dans la technologie et de nouvelles fonctionnalités révolutionnaires. Par exemple, Facebook utilise maintenant l'intelligence artificielle pour fournir à ses utilisateurs aveugles un texte alternatif automatique grâce à la technologie de reconnaissance d'objets. Cette fonctionnalité leur permet désormais de profiter pleinement des 2 milliards de photos partagées chaque jour sur Facebook. L'idée est venue principalement de Matt King, un ingénieur logiciel aveugle travaillant avec l'équipe d'accessibilité. Facebook s'est engagé à être une entreprise conviviale pour les personnes handicapées, à la fois en ligne et dans le monde physique.

Facebook a montré son engagement à concevoir pour l'accessibilité via son Empathy Lab
Matt King, un ingénieur logiciel aveugle travaillant au Facebook Empathy Lab.

3. Acquisition de nouveaux clients

Plus de 80 % des personnes handicapées ont décidé de ne pas faire confiance à un fournisseur de services en raison d'obstacles, la mauvaise accessibilité du Web étant l'une des principales raisons. Comme ils sont souvent ignorés par la plupart des marques, les utilisateurs handicapés sont prêts à dépenser plus d'argent avec des entreprises qui leur offrent une expérience utilisateur bien pensée. Le pouvoir d'achat de ce marché particulier est énorme.

Les améliorations de l'accessibilité ne détourneront pas vos clients actuels, mais attireront de nouveaux clients et amélioreront vos conversions. En reconnaissant les utilisateurs handicapés, vous leur faites savoir que leurs droits sont importants et que leur entreprise est valorisée.

Types de handicaps et comment améliorer l'accessibilité pour différentes déficiences

Il existe de nombreux handicaps permanents et temporaires différents, les utilisateurs étant confrontés à des défis différents et recherchant des solutions différentes. Afin d'offrir le même contenu à tout le monde, vous devez répondre à tous les besoins.

1. Handicaps sensoriels

Les troubles de la vue et de l'ouïe sont les handicaps sensoriels les plus courants, mais plusieurs autres handicaps sont également touchés : les personnes âgées, les personnes daltoniennes ou malentendantes et de nombreux utilisateurs autistes.

Pour les utilisateurs malentendants, une étape pour rendre votre site Web ou votre application accessible serait de mettre en œuvre des transcriptions de texte et des sous-titres vidéo. Non seulement ils sont indispensables pour les sourds, mais ils sont également utiles pour les entendants.

Une étude sur l'accessibilité réalisée par l'Ofcom a révélé que 80 % des personnes qui utilisent des sous-titres codés ne sont ni sourdes ni malentendantes. C'est un exemple typique d'une fonctionnalité accessible qui profite à tous.

En ce qui concerne les déficiences visuelles, la plupart des directives aident également tous les types d'utilisateurs. Que vous soyez daltonien ou migraineux, vous remercierez un designer d'utiliser des couleurs contrastées (texte et fond). Tout le monde bénéficiera de tailles de police plus grandes et relatives (em, pas de pixels) et de la possibilité d'ajuster la taille, une fonctionnalité particulièrement appréciée des utilisateurs seniors.

Quant aux utilisateurs aveugles, même s'ils ne voient pas un site Web, ils l'entendront, grâce à des lecteurs d'écran comme JAWS et Window-Eyes pour Windows et VoiceOver pour Mac. De tels programmes lisent le contenu à haute voix… et ils le lisent TOUT.

Pour faciliter la navigation dans vos pages, veillez à utiliser les options "Passer au contenu principal" pour éviter que tout le menu de navigation ne soit lu plusieurs fois de suite.

Structurez correctement votre page en utilisant différents titres (un seul <h1>, puis ne sautez pas de niveaux), incluez des descriptions textuelles pour chaque image, évitez les tableaux complexes et choisissez soigneusement vos hyperliens de texte. Ils doivent décrire correctement où ira le lien : Utiliser simplement « cliquez ici » est inefficace pour un utilisateur de lecteur d'écran car il ne donne aucune information pertinente.

Voiceover pour Mac permet l'accessibilité Web pour les utilisateurs aveugles
VoiceOver pour Mac donne des descriptions auditives de chaque élément à l'écran.

2. Handicaps moteurs

Certains utilisateurs peuvent être temporairement ou définitivement incapables d'utiliser une souris ou un pavé tactile. Ainsi, ils ne peuvent utiliser leur clavier que pour naviguer sur un site, en appuyant sur les touches « tabulation » ou « fléchées ».

S'assurer qu'un site Web ne peut être pleinement utilisé qu'à l'aide d'un clavier est l'une des fonctionnalités les plus faciles et les moins chères à mettre en œuvre dans l'accessibilité Web : cela nécessite peu de travail et peut être vérifié en débranchant ou en éteignant simplement votre souris. Les navigateurs sélectionneront automatiquement les éléments cliquables sur une page Web en appuyant sur la touche TAB, ce qui facilite grandement l'accessibilité, alors assurez-vous que l'équipe de développement ne le désactive pas.

3. Handicaps cognitifs

Les utilisateurs ayant des troubles d'apprentissage, le syndrome de Down, le TDAH, la dyslexie et d'autres troubles cognitifs, y compris ceux qui surviennent parfois à mesure que les utilisateurs vieillissent, bénéficieront grandement d'un contenu clair et d'une interface utilisateur cohérente. Par conséquent, essayez de construire une interface logique (des couleurs similaires pour des actions similaires, une combinaison de polices, des animations simples, des conseils visuels lorsqu'il est demandé de participer, etc.) et organisez votre contenu à l'aide d'en-têtes pour identifier rapidement ses différentes parties.

La définition de règles et de modèles et le respect de principes de conception définis aideront les utilisateurs à se déplacer plus rapidement et à éviter les surprises dans l'expérience de navigation, la rendant ainsi plus fluide et plus compréhensible dans l'ensemble. La simplification et la standardisation de l'interface utilisateur d'un site ou d'une application tendent à améliorer l'expérience utilisateur pour tous les utilisateurs.

Conseils pour les tests d'accessibilité Web

1. Suivez les directives

Il existe des lignes directrices internationales pour la création de sites Web accessibles : les Web Content Accessibility Guidelines (WCAG). Développé dans le cadre du processus W3C, le WCAG (actuellement WCAG 2.0) fournit une norme partagée unique pour l'accessibilité du contenu Web.

Destinés principalement aux développeurs, concepteurs et experts en accessibilité, tous les documents WCAG expliquent comment rendre un site Web plus accessible et sont organisés selon quatre principes : perceptible, exploitable, compréhensible et robuste. Cet ensemble de recommandations vous permet d'atteindre un niveau de conformité (A-minimal, AA-satisfying ou AAA-excellent).

La mise en œuvre de toutes les normes WCAG prendra du temps, mais commencer par les bases peut avoir un impact considérable sur la convivialité de votre site Web pour les utilisateurs souffrant de divers handicaps.

2. Vérifiez-le en ligne ou avec une technologie d'assistance

Il existe des outils disponibles en ligne pour vérifier si un site Web respecte les directives d'accessibilité, comme le validateur officiel du W3c. Sachez que les outils en ligne peuvent ne pas trouver tous les problèmes d'accessibilité, car ils vérifient principalement les aspects techniques d'un site Web. L'utilisation d'une technologie d'assistance, comme un lecteur d'écran, pour tester un site Web est une étape importante pour s'assurer qu'un site Web est vraiment accessible. Cependant, bien que ces deux points de départ soient abordables, ils ne remplaceront jamais les commentaires réels des utilisateurs. Il est important d'avoir des utilisateurs avec divers handicaps inclus dans le processus de test utilisateur si l'accessibilité est sincèrement considérée comme une priorité.

Validateur W3C pour vérifier l'accessibilité du Web

3. Tests utilisateurs

Il est essentiel d'inclure les personnes handicapées dans le processus de test UX pour tout nouveau site Web ou application avant le lancement. Ils donneront les commentaires les plus pertinents pour savoir si leur expérience utilisateur est réellement agréable ou non. Travaillez main dans la main avec un concepteur UX de confiance qui préparera des scénarios de test en fonction de différentes déficiences.

Obtenir la conformité en matière d'accessibilité n'est plus une option

L'accessibilité est un problème majeur qui prend de l'ampleur à mesure que la vie quotidienne se déroule en ligne et que la population mondiale augmente et vieillit. D'ici 2050, la population mondiale vieillissante devrait doubler. Ce changement démographique signifie que de nombreuses déficiences qui vont de pair avec l'âge vont augmenter.

Ce n'est pas une tâche simple, mais les entreprises qui continuent d'ignorer l'accessibilité doivent comprendre qu'elles perdent déjà des clients et qu'elles finiront par en perdre encore plus dans les années à venir, réduisant considérablement leurs revenus en conséquence. Dans un monde qui a fait des progrès dans la reconnaissance d'autres minorités, nier que les droits d'accessibilité sont des droits de l'homme nuira également à leur image publique et à leur réputation.

Dans cet esprit, plus tôt une entreprise adoptera l'accessibilité comme valeur clé dans la création d'un site Web ou d'une application, plus tôt elle sera reconnue comme une entreprise qui ne néglige pas les utilisateurs handicapés. Ils obtiendront plus de trafic et, par conséquent, probablement plus de conversions. Reconnaître l'importance de l'accessibilité du Web est une situation gagnant-gagnant.

• • •

Pour en savoir plus sur le blog Toptal Design :

  • eCommerce UX - Un aperçu des meilleures pratiques (avec infographie)
  • L'importance de la conception centrée sur l'humain dans la conception de produits
  • Les meilleurs portefeuilles de concepteurs UX - Études de cas et exemples inspirants
  • Principes heuristiques pour les interfaces mobiles
  • Conception anticipative : comment créer des expériences utilisateur magiques