Le guide ultime de conformité ADA –

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é 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 construire 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 expliqué ce que votre agence de conception de sites Web doit savoir pour rendre des sites Web accessibles.

Le nombre de poursuites sera ne continue de croître que si les propriétaires de sites Web, les développeurs et les agences continuent de ne pas être conformes à l'ADA.

Si vous ne voulez pas faire partie de cette statistique, vous devrez vous assurer que les sites Web de votre agence et de vos clients

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

La ​​ Americans with Disabilities Act est une loi sur les droits civils qui a été promulguée en 1990 pour interdire la discrimination à l'encontre des personnes handicapées. les personnes handicapées dans tous les domaines de la vie publique.

Cela comprend 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, et plus encore.

Dans l'espace numérique, en particulier sites Web, la conformité à l'ADA signifie la fourniture de fonctionnalités et de 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 étant 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

Dans l'amendement de 2018, cependant, le champ d'application de l'ADA est devenu plus large, changeant le sens de «activité de vie principale» 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 adhérer aux normes ADA.

Pourquoi shou Les agences de conception Web ld le savent-elles?

Si votre agence de conception 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

En fournissant des sites non conformes à vos clients, non seulement vous obtiendrez des critiques de leur part en raison des problèmes juridiques auxquels ils sont susceptibles de se heurter, 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 le Les tribunaux américains utilisaient auparavant les Web Content Accessibility Guidelines (WCAG) 2.1 Critères de réussite de niveau AA comme norme pour évaluer l'accessibilité des sites Web.

Les WCAG 2.1 fournissent des couches de normes pour vous aider à atteindre l'accessibilité du Web,

Bien que le WCAG 2.1 ne soit pas officiellement codifié dans la loi 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 les plus fiables, abordables et e asy à implémenter est pour les agences d'utiliser une plate-forme d'accessibilité Web comme accessiBe .

La plate-forme exploite l'IA et est complètement automatisée: elle scanne les sites Web et rend tous leurs éléments conformes afin que le résultat final soit entièrement accessible et des sites Web conformes conformément aux normes WCAG 2.1, niveau AA et 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.

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.

Ces ajustements d'interface offrent l'accessibilité à différents handicaps comme les déficiences visuelles, l'épilepsie, etc. – permettant une utilisation efficace de vos sites Web. [19659004] 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 réseaux sociaux et des icônes de recherche, et plus encore.

L'IA accessiBe modifiera automatiquement les balises de lien sur le site Web – sur votre icône Twitter, par exemple – et ajoute 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.

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

accessiBe prend une énorme alourdissez votre charge de travail, car votre agence n'aura pas besoin de tout coder manuellement pour rendre vos sites Web clients conformes à 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 il effectue automatiquement les ajustements nécessaires pour une conformité à 100%.

Cela signifie que vous n'aurez pas besoin d'entrer et de coder les ajustements d'accessibilité ou de modifier la conception du site chaque fois que vous mettez à jour ou ajoutez du nouveau contenu au 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 grâce à leur programme de partenariat .

Vous aussi avoir la possibilité d'acheter accessiBe pour vos clients afin que vous puissiez les facturer par la suite. (accessiBe vous donnera un rabais intégré de 20% pour vos achats.)

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

Cependant , la plupart des plug-ins 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 plug-ins n'offrent qu'une fraction des fonctionnalités dont vous avez besoin pour créer des sites Web entièrement accessibles, et vous devrez les intégrer 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 eux peuvent être coûteux, non durables et leur mise en œuvre prendra trop de temps.

De plus, vous devrez vérifier et modifier les sites Web en permanence – depuis l'ajout de nouveau contenu, et les mises à jour quotidiennes peuvent 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 à tous 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 WAVE vous c une évaluation des 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.

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

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

Par exemple, si votre contrôle de formulaire visible il manque une étiquette correspondante à l'étiquette de texte, l'outil recommande d'utiliser l'élément pour la relier à son contrôle de formulaire.

Pour ceux qui n'ont aucune étiquette visible, vous pouvez ajouter un attribut title descriptif, fournir un cul étiquette associée au contrôle de formulaire, ou référencez 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 grâce à des outils comme Contrast Checker .

Vous pouvez choisissez 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 contrastantes satisfont aux critères de réussite WCAG Level AA et AAA pour 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 WCAG et ADA.

Des outils de montage vidéo en ligne comme Veed peuvent vous aider avec cela 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 .vtt et d'autres formats sur votre vidéos.

Avec 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 handicapées et aveugles.

Un excellent moyen de garantir que vos sites Web clients sont accessibles est de comprendre comment les personnes aveugles et malvoyantes naviguer 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. 19659004] 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 la conformité avec l'accessibilité du Web

Pour la plupart, de nombreux propriétaires de sites Web et sites Web Les organismes 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 qu'ils ne pensaient pas qu'ils pourraient résulter de l'adhésion.

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.

Conformité peut également aider à construire une meilleure réputation de marque, car fournir l'accessibilité du Web montrera l'inquiétude de vos clients quant au bien-être de leurs utilisateurs. 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 inquiétude 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 y

É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 sur risque juridique.

Gal Shachar est un designer basé à Tel Aviv qui se spécialise dans les UX numériques, les supports publicitaires et l'image de marque. Il est actif dans l'industrie depuis 2017, après ses études au Ruppin College. Depuis lors, Gal travaille avec de nombreuses marques et entreprises bien connues sur la conception de sites Web, la création de logos, l'expérience utilisateur et les campagnes de branding. Vous pouvez visiter son site Web ici .