Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Alexandra Mendes

Min Read

4 novembre 2024

Le guide complet de l'accessibilité du Web pour 2025

Internet est la bibliothèque la plus complète au monde et contient des informations sur presque tout. Il est facile de trouver ce que vous recherchez en ligne. Néanmoins, si votre site n'est pas accessible, de nombreuses personnes ne pourront pas l'utiliser : 1 personne sur 5 souffre d'un handicap qui rend l'accès aux informations en ligne difficile.

Vous pourriez penser que cela ne vous affecte pas en tant que propriétaire d'entreprise. Néanmoins, si votre site n'est pas accessible, les personnes handicapées auront du mal à trouver ou à utiliser vos produits ou services. Et s'ils ne peuvent pas le faire ? Ils iront ailleurs où ils répondront le mieux à leurs besoins. La bonne chose à faire est donc de rendre votre site Web accessible, mais cela vous donne également accès à 20 % supplémentaires du marché.

Dans cet article, nous répondrons à trois questions importantes concernant l'accessibilité du Web : qu'est-ce que l'accessibilité du Web ? Quel en est l'impact sur des entreprises comme la vôtre ? Que puis-je faire pour rendre mon site plus accessible ?

blue arrow to the left
Imaginary Cloud logo

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

L'objectif de l'accessibilité du Web est de rendre votre site Web accessible à tous. Il ne couvre pas seulement les utilisateurs malvoyants ou aveugles, mais également les personnes souffrant de divers autres handicaps qui affectent la façon dont elles utilisent les sites Web.

L'accessibilité du Web signifie trois choses :

  • Rendre votre site Web utilisable par tous, y compris les personnes handicapées.
  • Cette facilité d'utilisation est renforcée par du contenu accessible à tous (comme des sous-titres).
  • Assurez-vous que les technologies d'assistance telles que les lecteurs d'écran peuvent accéder à votre site.

Les types de handicap

Examinons de plus près certains des handicaps les plus courants et la manière dont ils affectent la capacité des personnes à accéder aux sites Web.

Handicap cognitif :

Ce type de handicap fait référence à tout état mental ou psychologique qui affecte la cognition. Par exemple, les personnes atteintes d'un trouble déficitaire de l'attention avec hyperactivité (TDAH) peuvent avoir de la difficulté à se concentrer sur des tâches pendant de longues périodes et à apprendre de nouvelles choses.

En revanche, d'autres personnes souffrant de dépression peuvent avoir de la difficulté à se concentrer ou à mémoriser des informations. Dans les deux cas, les concepteurs de sites Web doivent créer des sites Web accessibles, car ces handicaps peuvent empêcher quelqu'un d'utiliser un site Web s'il est mal conçu ou s'il comporte des méthodes de navigation confuses.

Déficience visuelle :

La plupart des gens pensent que l'accessibilité du Web consiste à créer des sites Web pour les utilisateurs aveugles qui utilisent des lecteurs d'écran. Cependant, il n'y a pas que la cécité qui doit être prise en compte lorsqu'il s'agit de rendre des sites Web accessibles ! De nombreuses personnes ont d'autres déficiences visuelles. Si votre site Web pense à ces utilisateurs, ils peuvent y accéder correctement. Les problèmes courants d'accessibilité au Web pour les utilisateurs malvoyants sont la malvoyance, le faible contraste et le daltonisme.

Déficience auditive :

Il est courant de supposer que les personnes malentendantes sont moins limitées sur le Web que les personnes ayant d'autres handicaps. Bien que les personnes malentendantes puissent accéder à du contenu visuel sur le Web et y naviguer, le contenu audio et vidéo constitue un défi.

Troubles neurologiques

Il était courant de voir du contenu scintiller, clignoter ou bouger sur les sites Web pour attirer l'attention sur un élément en particulier. Heureusement, cette pratique de conception a largement perdu de sa popularité. Si le contenu de votre site Web vacille, vous devrez peut-être réévaluer ses besoins et sa conception, car il peut provoquer des crises chez les personnes atteintes d'épilepsie photosensible.

Outre le risque d'attaques, le scintillement du contenu est l'une des choses les plus gênantes d'un site Web. C'est un bon exemple de la façon dont l'accessibilité du Web et une bonne expérience utilisateur s'entremêlent. Si votre site Web est accessible, il offrira une bonne expérience à tous les utilisateurs, indépendamment de leurs capacités ou de leur handicap.

Handicaps de mobilité :

Les personnes handicapées peuvent tout voir et tout entendre sur un site Web. Cependant, ils peuvent avoir besoin d'aide pour contrôler la souris. Pour utiliser un clavier, l'utilisateur peut s'appuyer sur des technologies adaptatives telles que des sticks buccaux, des systèmes « Puff' n'Sip », des commandes vocales ou des logiciels de suivi oculaire.

blue arrow to the left
Imaginary Cloud logo

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

  • Selon le Rapport mondial sur le handicap 2011 de l'Organisation mondiale de la santé (OMS), 15 % de la population mondiale est handicapée. Les chiffres varient légèrement selon la façon dont vous définissez le « handicap », mais ils aboutissent tous à la même conclusion : si vous avez un site Web ou une application, il est très important qu'il fonctionne pour tout le monde.
  • C'est la loi. Aux États-Unis, en 2010, la section 508 de la loi sur la réhabilitation a été modifiée par le Congrès pour inclure les technologies électroniques et de l'information (EIT). Cela signifie que les agences fédérales doivent rendre leurs sites Web accessibles aux personnes handicapées et, par extension, à toutes les entreprises privées qui passent des contrats avec elles.
  • C'est bon pour les affaires ! Davantage de personnes achèteront auprès de votre entreprise si elles peuvent accéder facilement à son site Web ou à son application depuis n'importe quel appareil. Il existe donc une incitation économique à rendre ces technologies disponibles partout où cela est possible et à les rendre accessibles elles-mêmes.
  • Cela aide votre référencement. L'utilisation d'outils d'accessibilité Web, tels que le texte alternatif avec des mots clés pertinents pour les images, optimise votre contenu et lui permet de mieux figurer dans les moteurs de recherche.

Saviez-vous que chaque deuxième jeudi de novembre est Journée mondiale de l'utilisabilité?


Cette journée vise à améliorer les normes afin que la technologie exploite le potentiel humain et facilite notre monde pour tous. Des expériences utilisateur bien conçues peuvent contribuer à créer un monde plus inclusif. Et nous pouvons tous contribuer à façonner l'histoire grâce à notre travail, et une excellente conception de l'expérience utilisateur permet aux gens de donner le meilleur d'eux-mêmes.

World usability day logo.

Normes d'accessibilité

Le Consortium World Wide Web (W3C) a créé le Règles pour l'accessibilité des contenus Web (WCAG). Ces directives fixent des normes pour rendre les sites Web, les appareils et le contenu accessibles aux utilisateurs handicapés. Selon les WCAG, le contenu est l'information contenue dans une page Web ou une application Web, par exemple le texte, les images, les sons et le code ou le balisage qui définit la structure.

En 2008, le W3C a publié les WCAG 2.0, qui sont devenues une norme internationale en 2012. Une version mise à jour des directives, les WCAG 2.1, a été publiée en 2018. Les WCAG 2.0 incluent toutes les exigences (« critères de succès ») de la version 2.0, avec quelques critères de succès supplémentaires dans la version 2.1.

Les directives constituent la base de la plupart des lois sur l'accessibilité dans le monde, notamment aux États-Unis, titre III de l'Americans with Disabilities Act (ADA), la Loi sur l'accessibilité pour les personnes handicapées de l'Ontario (AODA), etc. Certains pays ont des références indirectes aux WCAG ; par exemple, la norme EN 301 549 pour la directive européenne sur l'accessibilité des sites Web n'indique pas explicitement son adoption des WCAG mais inclut toutes les exigences des directives.

Les WCAG établissent trois niveaux de conformité à ses critères de réussite :

  • Le niveau A est le niveau minimum d'accessibilité qui doit être atteint.
  • Le niveau AA permet de surmonter les obstacles à l'entrée les plus courants liés à certains handicaps.
  • Le niveau AAA est le plus haut niveau de conformité, mais la plupart des sites ne l'exigent pas car il est difficile à atteindre.

Les quatre principes de l'accessibilité du Web

Les principes sont les suivants :

  • Perceptible: Les informations et les composants de l'interface utilisateur doivent être présentés aux utilisateurs d'une manière qu'ils peuvent percevoir. Cela inclut la fourniture d'alternatives pour les contenus qui ne sont pas perceptibles par tous les utilisateurs, tels que des transcriptions de texte ou des légendes.
  • Utilisable: les utilisateurs doivent être capables d'utiliser les composants de l'interface et la navigation. Vous devez utiliser les touches d'accès au clavier appropriées et éviter les pièges ou les schémas qui ne permettent pas d'accéder aux fonctionnalités standard du clavier. Les commandes vocales et autres appareils d'assistance sont disponibles pour ceux qui ne peuvent pas les utiliser.
  • Compréhensible: Toutes les informations dont les utilisateurs ont besoin pour effectuer des tâches doivent être lisibles. Il ne devrait y avoir aucun obstacle entre les utilisateurs et leur capacité à comprendre ce que l'on attend d'eux lorsqu'ils interagissent avec le contenu de votre site Web (ou de tout autre support Web).
  • Robuste: L'interface utilisateur doit être robuste. Cela signifie qu'il doit fonctionner de manière cohérente, quelle que soit la fréquence à laquelle les utilisateurs effectuent une action particulière ou visitent votre site. Cela signifie également que vous ne devez vous fier qu'aux fonctionnalités du navigateur prises en charge par tous les utilisateurs (telles que JavaScript).

Si ces quatre principes ne sont pas respectés, le Web sera inaccessible aux personnes handicapées. Et ce n'est pas ce que nous voulons.

Les composants de l'accessibilité du Web

  • Contenu: le contenu est l'information que votre site Web présente, notamment du texte, des images, des vidéos et des sons.
  • Outils de création: ils aident à créer ou à modifier du contenu pour des pages Web et des applications telles que des éditeurs de code, des systèmes de gestion de contenu, des blogs, etc.
  • Outils d'évaluation: ils vous aident à évaluer si un site ou une application répond aux normes WCAG 2.0 en vous donnant des informations sur son accessibilité (ou non).
  • Agents utilisateurs: ce sont des logiciels qui aident les utilisateurs à accéder à des contenus en ligne tels que des lecteurs d'écran ou des appareils à clavier uniquement tels que des tablettes et des smartphones. Il s'agit de certains des outils d'évaluation les plus couramment utilisés pour évaluer les sites Web par rapport aux directives WCAG 2. Néanmoins, les auteurs peuvent également les utiliser pendant le développement pour tester le contenu accessible avant de le publier sur Internet.

Conformité et législation

Vous vous demandez peut-être pourquoi l'accessibilité du Web est si importante. La réponse se trouve dans la législation et dans le fait qu'il ne s'agit pas simplement d'un impératif moral, mais aussi d'un impératif juridique.

Aux États-Unis :

  • L'Americans with Disabilities Act (ADA) et l'article 508 obligent les agences fédérales à rendre leur contenu en ligne accessible à toutes les personnes, y compris aux personnes handicapées et à celles qui utilisent des technologies d'assistance telles que les lecteurs d'écran.
  • D'autres lois, telles que la loi californienne sur l'accessibilité du Web, obligent les sites Web des États à suivre les directives WCAG.

En Europe :

  • La directive européenne 2000/31/CE (la directive européenne sur l'accessibilité des sites Web) exige que les autorités publiques européennes mettent leurs sites Web en conformité avec les WCAG 1.0 niveau A lorsqu'ils sont publiés ou mis à jour après le 8 novembre 2002.
  • L'Acte européen sur l'accessibilité (EAA) impose aux États membres de l'UE de légiférer sur l'accessibilité en ligne et hors ligne, en fournissant un cadre de règles d'accessibilité standard pour le marché.
blue arrow to the left
Imaginary Cloud logo

Comment créer un site Web accessible

Voici une infographie pour mieux comprendre ce que doit comporter un site Web d'accessibilité :

Infographic on how to create an accessible web.

Forts de ces connaissances, examinons quelques outils qui peuvent vous aider à rendre votre site Web plus accessible.

Tests d'accessibilité du Web

Il est maintenant temps de tester votre site. Bien que de nombreuses personnes considèrent les tests comme quelque chose qui ne se produit qu'une seule fois, il doit s'agir d'un processus continu.


Vous pouvez utiliser différents outils pour tester des sites Web, y compris ceux intégrés à votre navigateur, comme VoiceOver sur Mac ou Narrator sur Windows, qui vous indiqueront si votre site Web est accessible ou non.

En outre, plusieurs outils sont disponibles aujourd'hui pour tester l'accessibilité du Web. Vous trouverez une liste d'outils sur le site Web du W3C pour que vous puissiez en savoir plus, et nous avons également notre liste de recommandations.

VAGUE
Wave vous permet de vérifier l'accessibilité d'un site Web donné en vérifiant que toutes les zones de votre site sont conformes aux normes WCAG et en mettant en évidence les parties de votre site qui ne sont pas accessibles.

Cartographe DYNO
DYNO Mapper, un générateur de plans de site par Indigo Design Company LLC, utilise des plans de site pour mettre en évidence les zones de votre site qui ne répondent pas aux normes WCAG. Il fonctionne également avec Google Analytics pour proposer des analyses approfondies.

Auditeur de conformité aux WCAG
Funnelback WCAG Compliance Auditor est un excellent choix pour ceux qui n'ont pas encore beaucoup travaillé sur l'accessibilité du Web. Il fournit des recommandations pour améliorer les parties de votre site Web qui ne sont pas encore accessibles, ainsi qu'un point de référence pour mesurer l'accessibilité de votre site Web au fil du temps.

Validateur d'accessibilité au contraste des couleurs A11Y
Utilisez le validateur d'accessibilité au contraste des couleurs A11Y de la société A11Y pour tester les combinaisons de couleurs de votre site Web. L'outil affichera les problèmes de contraste des couleurs et recommandera des solutions pour répondre aux normes WCAG.

Exemples d'accessibilité du Web

Voici quelques exemples de sites Web qui répondent aux normes d'accessibilité des WCAG.

  1. W3C
    Le site Web du W3C a été conçu selon les WCAG. Il suit de nombreuses règles et réglementations pour être accessible aux personnes présentant des handicaps et des niveaux de capacité variés. Ils utilisent un contenu structuré avec des balises claires indiquant la hiérarchie, une utilisation judicieuse du contraste des couleurs, un langage simple et un indicateur de focus.
  2. Unilever
    Unilever est une multinationale de biens de consommation. Et leur le site Web est conforme aux directives WCAG concernant les rapports de contraste des couleurs, les tailles de police et les alternatives textuelles pour les images et prend en charge les technologies d'assistance et le code (par exemple, les lecteurs d'écran, les émulateurs de clavier, les agrandisseurs d'écran, les interfaces utilisateur améliorées et le style visuel).
blue arrow to the left
Imaginary Cloud logo

Conclusion

Il existe de nombreuses bonnes raisons de rendre votre site Web accessible. Mais il est extrêmement important que l'accessibilité du Web soit une question d'inclusion. Il s'agit de s'assurer que votre site Web est utile à tout le monde, et pas seulement aux personnes handicapées.

Il est sage de rendre autant que possible votre site Web conforme aux normes WCAG, car cela créera une expérience utilisateur mémorable et positive et vous aidera à fidéliser vos clients.

Et n'oubliez pas : commencez à rendre votre site Web plus accessible dès aujourd'hui en suivant les directives WCAG et en utilisant les outils recommandés. N'oubliez pas qu'un site Web accessible n'est pas seulement une exigence légale, c'est une étape vers un monde numérique plus inclusif. Vous avez besoin d'aide pour concevoir un site Web percutant et accessible ? Contactez Imaginary Cloud aujourd'hui !

New call-to-action
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
Alexandra Mendes
Alexandra Mendes

Rédacteur de contenu curieux de l'impact de la technologie sur la société. Toujours entouré de livres et de musique.

Read more posts by this author

People who read this post, also found these interesting:

arrow left
arrow to the right
Dropdown caret icon