Le guide ultime de conformité ADA – SitePoint


Cet article a été créé en partenariat avec StudioWorks. Merci de soutenir les partenaires qui rendent SitePoint possible.

Sur la base des données d’accessibilité du Web, les poursuites liées à la conformité ADA ont atteint plus de 2 000 cas en 2019. La conformité ADA est obligatoire pour les agences numériques. Le défi, cependant, est de savoir Comment pour créer et concevoir des sites Web conformes à l’ADA. C’est le problème que nous vous aiderons à résoudre dans cet article.

Dans ce guide de conformité ADA ultime, nous avons présenté les éléments que votre agence de conception Web doit savoir pour rendre des sites Web accessibles.

Le nombre de poursuites ne cessera de croître si les propriétaires de sites Web, les développeurs et les agences continuent de ne pas se conformer à l’ADA.

Si vous ne voulez pas faire partie de ces statistiques, vous devez vous assurer que les sites Web de votre agence et de vos clients offrent une accessibilité aux personnes handicapées et respectent les normes ADA.

Qu’est-ce que l’ADA, de toute façon?

le Loi sur les Américains handicapés est une loi sur les droits civils qui a été promulguée en 1990 pour interdire la discrimination à l’égard des personnes handicapées dans tous les domaines de la vie publique.

Cela inclut la non-discrimination dans les écoles, les emplois, les transports et tous les lieux privés et publics d’accès général – et ceux considérés comme des «logements publics».

Pour les entreprises, les adaptations requises en vertu de l’ADA comprennent des dispositifs d’interface pour les malvoyants, des interprètes qualifiés ou des outils d’interprétation pour les malentendants, l’accès à la rampe pour les appareils de mobilité comme les fauteuils roulants, etc.

Dans l’espace numérique, en particulier les sites Web, la conformité ADA signifie fournir des caractéristiques et des fonctionnalités d’accessibilité Web qui permettent aux personnes handicapées d’utiliser efficacement les sites.

À l’origine, l’ADA définissait les personnes handicapées comme celles dont les conditions limitaient considérablement les principales activités de la vie – ce qui restreignait en quelque sorte ce qui était considéré comme un handicap.

Dans l’amendement de 2018, cependant, le champ d’application de l’ADA s’est élargi, changeant le sens de «activité majeure de la vie» pour inclure des fonctions de la vie quotidienne comme effectuer des opérations manuelles.

Avec cette nouvelle définition, les entreprises devront fournir l’accessibilité à un large éventail de handicaps pour se conformer aux normes ADA.

Pourquoi les agences de conception Web devraient-elles le savoir?

Si votre agence de conception de sites Web crée des sites Web qui ne sont pas conformes aux normes ADA, vous exposez vos clients au risque de subir des poursuites judiciaires liées à l’ADA – et ce n’est pas là que vous voulez être.

En fournissant des sites non conformes à vos clients, non seulement vous obtiendrez des flaks de leur part en raison des problèmes juridiques auxquels ils sont liés, mais vous ruinerez également la crédibilité de votre agence.

Il convient également de souligner que l’ADA ne spécifie pas les exigences techniques pour atteindre la conformité. Au lieu de cela, il vous donne la flexibilité sur la façon dont vous pouvez rendre vos sites Web accessibles.

Malheureusement, cela ne vous donne pas beaucoup de travail pour vous conformer pleinement à la législation.

Le ministère de la Justice (DOJ) et les tribunaux américains ont utilisé Directives d’accessibilité du contenu Web (WCAG) 2.1 Critères de réussite de niveau AA comme norme pour évaluer l’accessibilité des sites Web.

Le WCAG 2.1 fournit des couches de normes pour vous aider à atteindre l’accessibilité du Web, y compris des principes, des directives de base, des critères de réussite et des techniques suffisantes et consultatives.

Bien que le WCAG 2.1 ne soit pas officiellement codifié dans la législation américaine, c’est actuellement la norme la meilleure et la plus sûre que vous puissiez suivre pour vous conformer aux exigences d’accessibilité du Web et à l’ADA.

Comment les agences de conception Web peuvent-elles créer des sites Web conformes à l’ADA pour leurs clients?

Il existe différentes façons de créer des sites Web conformes à l’ADA pour vos clients, mais le plus fiable, abordable et facile à mettre en œuvre consiste pour les agences à utiliser une plateforme d’accessibilité Web comme accessiBe.

La plateforme exploite l’intelligence artificielle et est entièrement automatisée: elle scanne les sites Web et rend tous leurs éléments conformes afin que le résultat final soit des sites Web entièrement accessibles et conformes selon les normes WCAG 2.1 niveau AA et les normes ADA.

L’interface de la plate-forme permet aux utilisateurs handicapés de modifier l’interface utilisateur de vos sites Web clients en fonction de leurs handicaps et de leurs besoins.

Ajustements de l'interface utilisateur pour l'accessibilité

Les utilisateurs peuvent ajuster les polices, les couleurs, mettre en pause les animations, mettre en surbrillance le contenu, couper le son et d’autres fonctions telles que l’activation d’un clavier virtuel, la modification de la taille et de la couleur du curseur, etc.

Autres ajustements pour l'accessibilité

Ces ajustements d’interface offrent l’accessibilité à différents handicaps tels que les déficiences visuelles, l’épilepsie, etc., permettant une utilisation efficace de vos sites Web.

Vous n’aurez même pas besoin d’apporter de modifications majeures aux sites Web de vos clients, car l’interface accessiBe permet aux utilisateurs d’ajuster la conception du site en conséquence.

accessiBe utilise également la technologie de l’IA pour l’optimisation du lecteur d’écran et la navigation au clavier.

L’IA apprend tous les composants de votre site Web client pour fournir un contexte complet au logiciel de lecteur d’écran via l’ensemble d’attributs ARIA (Accessible Rich Internet Applications).

Par exemple, l’IA fournit des étiquettes de formulaire précises, des rôles d’élément tels que vos boutons et menus, des descriptions d’icônes exploitables telles que celles de vos médias sociaux et des icônes de recherche, etc.

L’IA d’AccessiBe modifiera automatiquement les balises de lien sur le site Web – sur votre icône Twitter, par exemple – et ajoutera une étiquette ARIA qui ressemblera à ceci:

aria-label="Twitter"

Cela permet aux lecteurs d’écran de lire «lien Twitter» au lieu de simplement «lien», fournissant une description plus précise pour les utilisateurs aveugles sur les sites Web de vos clients.

Lecteur d'écran activé

Pour optimiser les fonctionnalités de navigation du clavier, l’IA ajustera le code HTML de votre site Web client et ajoutera différents comportements avec du code JavaScript pour permettre le fonctionnement complet du clavier.

accessiBe alourdit considérablement votre charge de travail, car votre agence n’aura pas besoin de tout coder manuellement pour rendre vos sites Web clients conformes à l’ADA et entièrement accessibles.

De plus, accessiBe utilise des techniques d’apprentissage automatique pour optimiser le niveau d’accessibilité de vos sites Web toutes les 24 heures et effectue automatiquement les ajustements nécessaires pour une conformité à 100%.

Cela signifie que vous n’aurez pas besoin de procéder à des ajustements d’accessibilité ni de modifier la conception du site à chaque fois que vous mettez à jour ou ajoutez du nouveau contenu sur le site Web.

La meilleure partie est que si vous référez vos clients à accessiBe afin qu’ils puissent se conformer à l’ADA, vous obtenez une commission de 20% sur la valeur d’achat de votre client via leur programme de partenariat.

Vous avez également la possibilité d’acheter accessiBe pour vos clients afin de pouvoir les facturer par la suite. (accessiBe vous donnera une remise intégrée de 20% pour vos achats.)

Il existe également d’autres méthodes pour se conformer aux WCAG 2.1 et à l’ADA, telles que les plugins d’accessibilité.

Cependant, la plupart des plugins d’accessibilité ne peuvent vous aider qu’à répondre à environ 5 à 20% des exigences, ce qui entraîne de faibles taux de réussite.

De plus, la plupart des plugins n’offrent qu’une fraction des fonctionnalités dont vous avez besoin pour créer des sites Web entièrement accessibles, et vous devrez intégrer chacun au site – ce qui peut représenter beaucoup de travail.

Les solutions d’accessibilité manuelle sont également une option pour vous aider à vous conformer, mais la plupart d’entre elles peuvent être coûteuses, non durables et leur mise en œuvre prendra trop de temps.

De plus, vous devrez vérifier et modifier les sites Web en permanence, car l’ajout de nouveau contenu et de mises à jour quotidiennes peut entraîner des lacunes d’accessibilité sur votre site Web.

Comment vérifier le niveau d’accessibilité d’un site Web?

La création de sites Web conformes à l’ADA est une chose, mais il est également essentiel que le contenu Web reste accessible à tout fois.

Pour ce faire, vous devrez vérifier tout problème susceptible d’affecter le niveau de conformité et l’accessibilité de votre contenu aux WCAG.

Avec des outils d’évaluation de l’accessibilité du Web comme VAGUE, vous pouvez évaluer les erreurs WCAG potentielles sur les sites Web de vos clients.

Une fois que vous avez copié et collé l’adresse ou l’URL de la page Web dans le champ fourni, l’outil identifiera les problèmes d’accessibilité tels que les erreurs de contraste, les éléments structurels, etc.

Voici à quoi ressemble un site Web entièrement accessible et conforme à l’ADA.

Zéro erreur de contenu Web

En revanche, voici à quoi ressemblerait un site Web qui n’est pas entièrement accessible et conforme si vous le parcouriez via WAVE.

Erreurs d'accessibilité identifiées dans un site Web

L’outil fournit également des informations sur les erreurs détectées et des recommandations spécifiques pour résoudre les problèmes d’accessibilité de vos sites Web clients.

Par exemple, si votre étiquette de texte de contrôle de formulaire visible n’a pas d’étiquette correspondante, l’outil recommande d’utiliser pour le relier à son contrôle de formulaire.

Pour ceux sans étiquette visible, vous pouvez ajouter un attribut de titre descriptif, fournir une étiquette associée au contrôle de formulaire ou référencer l’étiquette en utilisant aria-labelledby.

Vous pouvez également vérifier si les niveaux de contraste des éléments de votre site sont conformes aux normes d’accessibilité WCAG via des outils tels que Vérificateur de contraste.

Outil de vérification du contraste

Vous pouvez choisir les couleurs de premier plan et d’arrière-plan, et l’outil vérifiera le contraste en fonction de la différence de couleur, de la luminosité et de la lisibilité pour le daltonien.

L’outil indiquera également si les couleurs contrastées satisfont aux critères de réussite WCAG de niveau AA et AAA pour les normes minimales et améliorées pour les polices de caractères inférieures à 18 points.

Les sites Web de vos clients doivent également fournir des légendes et des sous-titres pour répondre aux exigences des WCAG et de l’ADA.

Outils de montage vidéo en ligne comme Veed peut vous aider grâce à ses outils faciles à utiliser.

L’outil vous permet d’ajouter manuellement ou automatiquement des sous-titres – et de télécharger des fichiers de sous-titres comme .srt, .vttet d’autres formats à vos vidéos.

Choisissez comment vous souhaitez ajouter des sous-titres

Grâce à cela, vos sites clients offrent une accessibilité à ceux qui sont sourds ou malentendants et répondent aux exigences des WCAG pour inclure des légendes pour toutes les vidéos sur les sites Web.

De plus, pour que les sites Web de vos clients soient conformes à l’ADA, ils doivent permettre une navigation aisée aux personnes à mobilité réduite et aux aveugles.

Un excellent moyen de s’assurer que les sites Web de vos clients sont accessibles consiste à comprendre comment les personnes aveugles et malvoyantes naviguent sur les sites.

Par exemple, les utilisateurs aveugles travaillent avec un logiciel de lecture d’écran pour naviguer sur Internet. Vous pouvez émuler leur expérience en utilisant des lecteurs d’écran gratuits comme NVDA (NonVisual Desktop Access) pour aider à identifier les problèmes potentiels d’accessibilité sur les sites Web de vos clients.

L’outil fonctionne sur les systèmes d’exploitation Windows et offre une gamme de fonctionnalités, y compris un programme d’installation parlant facile à utiliser, la prise en charge des affichages braille sur des applications populaires comme Google Chrome, etc.

Il propose également des rapports de mise en forme textuelle (le cas échéant) comme les fautes d’orthographe, la taille de police, le style et le nom.

Avec cet outil, vous pouvez voir à quel point vos sites Web clients sont accessibles du point de vue des utilisateurs aveugles utilisant des lecteurs d’écran.

Avantages inattendus de se conformer à l’accessibilité du Web

Pour la plupart, de nombreux propriétaires de sites Web et agences Web sont préoccupés par l’ADA en raison des répercussions juridiques de la non-conformité.

Cependant, ceux qui prennent le temps d’investir pour se conformer ont rencontré des avantages qui, selon eux, ne découleraient pas du respect des normes ADA.

Par exemple, la conformité ADA peut entraîner une augmentation des ventes, car elle permet aux propriétaires de sites Web de s’adresser à un public plus large, ce qui contribue à développer les marchés de votre agence et de vos clients.

La conformité peut également aider à bâtir une meilleure réputation de marque, car fournir une accessibilité Web montrera à vos clients le souci du bien-être de leurs utilisateurs.

Enfin, l’adhésion à l’ADA peut entraîner une baisse des taux de rebond, car les utilisateurs handicapés ne cliquent pas et naviguent en permanence sur le site, ce qui augmente les chances de les convertir en clients.

Créez des sites Web conformes à l’ADA maintenant

Si vous voulez que votre agence de conception Web prospère, vous devez faire preuve d’une réelle préoccupation pour vos clients.

Vous devez vous assurer qu’ils tirent des tonnes de valeur des sites Web que vous créez, tout en les protégeant contre les menaces qui pourraient nuire à leur entreprise.

C’est pourquoi vous devez vous assurer que chaque site Web que vous créez pour vos clients est conforme à l’ADA.

Étant donné la facilité (et le prix abordable) de créer des sites Web conformes à l’ADA à l’aide d’accessiBe et de tester via WAVE, vous n’avez vraiment aucune excuse pour mettre vos clients en danger juridique.

Close Menu