Poursuites en matière d'accessibilité Web : 4 exemples concrets et principaux points à retenir

Publié: 2023-04-24

Aux États-Unis, plus de 61 millions de personnes vivent avec un handicap (CDC). Exclure une si grande partie de la population représente une énorme opportunité manquée en termes d'affaires. La création de sites Web accessibles est primordiale pour des raisons morales et juridiques. Offrir une conception accessible dans le cadre de vos services de conception Web est une valeur ajoutée majeure pour vos clients et peut certainement vous démarquer de vos concurrents.

L'accessibilité numérique commence par la création d'un site Web incroyable. Téléchargez le « Guide en 6 étapes pour vendre des services de site Web aux entreprises locales » pour commencer à offrir l'accessibilité à vos clients dès aujourd'hui.

Dans cet article, nous présenterons les points clés de l'Americans With Disabilities Act (ADA) et présenterons certains sites Web qui ont fait l'objet de poursuites en matière d'accessibilité. De plus, nous vous fournirons quelques conseils et meilleures pratiques qui vous aideront à éviter des problèmes juridiques coûteux et à garantir que les sites Web de vos clients restent accessibles aux utilisateurs.

Table des matières

  • Pourquoi l'accessibilité du Web est-elle importante ?
  • Qu'est-ce que l'Americans with Disabilities Act (ADA)
  • Exemples concrets de poursuites en matière d'accessibilité Web
    • Domino's Pizza contre Guillermo Robles
    • Mary Conner contre Parkwood Entertainment
    • Gil contre Winn-Dixie
    • Association nationale des sourds contre Harvard + MIT
  • Conseils de conception de sites Web et meilleures pratiques en matière d'accessibilité
    1. Comprendre les directives WCAG 2.1
    2. Conception pour l'accessibilité du clavier
      • Mise au point du clavier
      • Ordre de tabulation
      • Pas de pièges à clavier
    3. Fournir un texte alternatif pour les images
      • Conseils pour créer un texte alternatif efficace
    4. Utiliser un contraste de couleur approprié
    5. Éviter les contenus inaccessibles
    6. Tester l'accessibilité du site Web
  • Questions fréquemment posées
    • Qu'est-ce qu'un procès pour accessibilité ?
    • Quelle est la plus grande poursuite en matière d'accessibilité ?

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

L'accessibilité Web est un problème crucial à prendre en compte lors du développement de sites pour vos clients, car les sites Web inaccessibles risquent d'exclure les visiteurs vivant avec un handicap, comme une déficience auditive ou visuelle. Non seulement c'est une forme de discrimination, mais cela limite la croissance de l'entreprise de votre client en excluant un groupe de clients potentiels.

De plus, l'accessibilité numérique peut être un problème juridique. L'Americans With Disabilities Act (ADA) stipule que le fait de ne pas faire d'aménagements pour les personnes handicapées est une forme de discrimination. À ce titre, les poursuites en matière d'accessibilité de sites Web deviennent de plus en plus courantes. En 2022, plus de 3 200 poursuites pour accessibilité de sites Web ont été déposées aux États-Unis (Codemantra). Pour les entreprises non conformes, ces poursuites représentent d'énormes frais juridiques, des amendes et une mauvaise presse pour ne pas avoir fourni un site Web accessible.

Qu'est-ce que l'Americans with Disabilities Act (ADA)

L'Americans with Disabilities Act a été élaboré pour protéger les personnes handicapées contre la discrimination. L'ADA a été promulguée en 1990 et interdit la discrimination dans l'emploi, les transports, les lieux d'hébergement public (magasins, restaurants, immeubles de bureaux, etc.), les communications, etc. En vertu de l'ADA, les sites Web et autres plateformes de communication sont tenus de faire des aménagements pour les personnes handicapées.

Les Web Content Accessibility Guidelines (WCAG) ont été élaborées par la Web Accessibility Initiative (WAI) afin d'établir une norme internationale pour l'accessibilité du contenu Web. Il a été créé dans le but de se conformer à l'ADA et d'améliorer l'expérience de navigation sur le Web pour les personnes handicapées. Ces lignes directrices aident les concepteurs de sites Web à réfléchir aux différents aménagements qui doivent être faits pour les personnes handicapées afin de s'assurer qu'elles peuvent naviguer librement sur les sites Web. Ils sont la référence en matière de conception de sites Web accessibles.

Exemples concrets de poursuites en matière d'accessibilité Web

Si vous pensez que les chances d'être affecté par une poursuite en matière d'accessibilité Web sont faibles, détrompez-vous. Ces poursuites sont de plus en plus courantes et peuvent avoir un impact sur les entreprises de toutes tailles. Voici quelques exemples récents à connaître.

Domino's Pizza contre Guillermo Robles

En 2016, un aveugle du nom de Guillermo Robles a intenté une action en justice contre la chaîne de pizzas Domino's après plusieurs tentatives infructueuses de commander une pizza personnalisée via sa plateforme en ligne. Même avec l'aide d'un logiciel de lecture d'écran, Robles ne pouvait pas passer de commande en ligne. Robles a cité l'ADA dans le procès, insistant sur le fait que Domino's a l'obligation de rendre son site Web accessible aux personnes handicapées étant donné qu'il s'agit d'une entreprise avec des emplacements physiques (lieux d'hébergement public).

Domino's a riposté, affirmant qu'il n'y avait pas de directives claires pour accueillir l'ADA sur les plateformes Web, car elles n'existaient pas sous leur forme actuelle lorsque la loi a été promulguée en 1990.

En fin de compte, la Cour suprême s'est rangée du côté de Robles. En juin 2021, un juge a statué que Domino's avait violé l'ADA en ne fournissant pas un site Web entièrement accessible, et l'entreprise a été condamnée à rendre son site conforme aux normes WCAG 2.0.

Mary Conner contre Parkwood Entertainment

En 2019, un recours collectif a été déposé contre la société Parkwood Entertainment de Beyonce, affirmant que le site Web beyonce.com est en violation de l'ADA pour ne pas avoir accueilli les visiteurs malvoyants.

Le procès fait valoir que le site Web, une plate-forme hautement visuelle, n'a pas fourni de texte alternatif adéquat sur les images sur l'ensemble du site, ce qui empêche les visiteurs aveugles utilisant un logiciel de lecture d'écran d'interpréter ou d'effectuer des achats de manière adéquate via le site Web. Le procès énumère également d'autres plaintes concernant le site Web, notamment le manque de liens et de menus de navigation accessibles. L'issue de ce procès est toujours en suspens.

Gil contre Winn-Dixie

Un procès en 2017 contre l'épicier Winn-Dixie a accusé l'entreprise d'avoir violé l'ADA. Le demandeur Juan Carlos Gil a intenté une action en justice après que son lecteur d'écran ait été incapable d'interpréter le site Web, l'empêchant de commander des produits ou d'accéder aux récompenses de son compte. Le demandeur a fait valoir que le site Web devait être considéré comme un lieu d'hébergement public et qu'il devait donc suivre les directives de l'ADA.

Malheureusement, les tribunaux ont finalement statué en faveur de Winn-Dixie, déclarant que les clients qui ne pouvaient pas utiliser le site Web pouvaient simplement visiter une vitrine. Cependant, malgré la victoire du procès, Winn-Dixie s'est engagé à mettre son site Web en conformité avec les normes WCAG 2.0 pour s'assurer qu'il est entièrement accessible à l'avenir.

Association nationale des sourds contre Harvard + MIT

En 2015, l'Association nationale des sourds (NAD), en partenariat avec des plaignants individuels, a intenté des poursuites contre Harvard et le MIT. Ces poursuites ont affirmé que chaque université avait violé l'ADA pour avoir omis de rendre le contenu en ligne gratuit également accessible aux personnes sourdes et malentendantes.

Après de multiples tentatives des deux universités pour faire rejeter ces poursuites en matière d'accessibilité de sites Web, leurs requêtes ont été rejetées à plusieurs reprises par les tribunaux. En 2020, les deux poursuites ont abouti à des règlements dans lesquels Harvard et le MIT sont tenus de mettre à jour le contenu en ligne accessible au public pour qu'il soit également accessible aux personnes malentendantes.

Conseils de conception de sites Web et meilleures pratiques en matière d'accessibilité

L'accessibilité du Web est importante d'un point de vue moral. Avec un site Web conforme à l'ADA, vos clients peuvent éviter de discriminer une partie de la population. De plus, un site Web inaccessible les exclut des avantages des produits ou services de votre client. Suivez ces conseils de conception de sites Web pour vous assurer de tenir compte de l'accessibilité numérique lors de la conception de sites Web.

1. Comprendre les directives WCAG 2.1

Comprendre les directives WCAG 2.1 est la première étape pour créer un site Web conforme à l'ADA. Les lignes directrices décrivent les aménagements recommandés pour les personnes souffrant d'un large éventail de handicaps, notamment la déficience visuelle, la cécité, la perte auditive, la photosensibilité, etc. Le document évolue, donc toute personne travaillant dans le développement Web doit rester informée des normes d'accessibilité Web et être prête à s'adapter à mesure que de nouvelles normes sont introduites.

Les lignes directrices des WCAG sont très détaillées, mais certains éléments essentiels d'un site Web accessible sont les suivants :

  • Texte alternatif qui fournit des descriptions adéquates des images et des éléments visuels du site Web
  • Fort contraste de couleurs entre le texte du site Web et les arrière-plans
  • La possibilité de naviguer sur un site Web à l'aide d'un clavier (sans souris ni trackpad)
  • Sous-titrage sur le contenu vidéo
  • Et plus…

Nous allons approfondir chacun de ces éléments plus en détail ci-dessous, mais ce n'est que le début de ce qu'il faut pour créer un site Web accessible. Passez en revue les directives WCAG 2.1 pour vous assurer que tout site Web que vous créez pour les clients est conforme.

2. Concevoir pour l'accessibilité du clavier

Les visiteurs du site Web ayant une déficience visuelle ou un handicap moteur peuvent avoir du mal à utiliser une souris ou un pavé tactile d'ordinateur. Au lieu de cela, ces personnes comptent sur l'accessibilité du clavier pour naviguer sur les sites Web. Voici les éléments clés d'un site Web accessible au clavier.

Mise au point du clavier

Les éléments de focus du clavier sont des éléments tels que des boutons, des liens, des cases à cocher ou des champs qui peuvent être déclenchés ou activés à l'aide d'un clavier. Sur un site Web accessible au clavier, un utilisateur peut contrôler chacun de ces éléments uniquement à l'aide du clavier. Le focus du clavier fait référence à une indication visuelle qu'un élément particulier est sélectionné, comme un contour coloré autour d'un champ de texte ou d'un bouton. Cet indicateur de concentration est essentiel pour aider les individus à identifier quel élément du site Web ils manipulent à un moment donné.

Ordre de tabulation

La touche de tabulation est utilisée pour naviguer d'un élément de focus du clavier à l'autre. L'ordre de tabulation logique est essentiel pour maintenir une expérience utilisateur positive pour les personnes qui s'appuient sur les fonctionnalités d'accessibilité du clavier. Dans la plupart des cas, l'ordre de tabulation doit être cohérent avec le flux visuel de la page. En d'autres termes, les éléments doivent être sélectionnés dans l'ordre dans lequel ils apparaissent sur la page. Cependant, l'ordre de tabulation le plus intuitif peut varier en fonction de la conception de la page.

Pas de pièges à clavier

L'expression « piège à clavier » fait référence aux erreurs qui peuvent survenir lors de la navigation sur un site Web avec un clavier. Par exemple, si un utilisateur ne peut pas s'éloigner d'un élément de focus particulier, cela serait considéré comme un piège à clavier. Il est crucial de tester minutieusement chaque aspect d'un site Web, y compris les fenêtres contextuelles, les widgets, les galeries, etc., pour s'assurer que le site est exempt de pièges à clavier. N'oubliez pas de tester également les pièges du clavier sur les pages d'état vides, car ils sont essentiels pour l'expérience de navigation.

3. Fournir un texte alternatif pour les images

Le « texte alternatif », ou texte alternatif, est une expression ou une phrase descriptive intégrée dans les métadonnées des images sur un site Web. Les personnes malvoyantes utilisent un logiciel de lecture d'écran pour parcourir les sites Web, et ces lecteurs d'écran s'appuient sur le texte alternatif pour décrire les éléments visuels d'un site Web. Le texte alternatif doit être inclus sur chaque image non ornementale d'un site, y compris les images éditoriales, les graphiques, les infographies, les diagrammes, les illustrations et les icônes.

Conseils pour créer un texte alternatif efficace

Dans la plupart des cas, le texte alternatif doit être court et précis tout en fournissant un contexte à l'image. Par exemple, supposons que vous décriviez une photo de deux chiens jouant au remorqueur sur un site Web consacré aux Labrador Retrievers. Un exemple de texte alternatif efficace serait "Deux labradors jouent au remorqueur". Ce texte décrit l'image avec précision tout en fournissant un contexte en précisant la race des chiens dans l'image.

Pour les visuels plus complexes, tels que les diagrammes ou les graphiques, deux ou trois phrases de texte alternatif peuvent être nécessaires pour communiquer ce que le graphique montre. Par exemple, si le graphique montre le poids moyen d'un Labrador Retriever en fonction de son âge, le texte alternatif pourrait indiquer : "Un graphique montre que les Labrador Retrievers pèsent généralement X livres à quatre mois, X livres à neuf mois...".

Lorsque vous écrivez un texte alternatif, assurez-vous que la description fournit suffisamment d'informations pour que quelqu'un comprenne ce que l'image communique, même s'il ne peut pas le voir.

4. Utiliser un contraste de couleur approprié

L'intégration d'un contraste de couleur adéquat entre le texte et les arrière-plans des pages Web est essentielle à l'accessibilité du Web. Lorsque le contraste des couleurs n'est pas assez fort, les utilisateurs malvoyants peuvent avoir du mal à lire et à naviguer efficacement sur le site. Non seulement cela crée une expérience utilisateur terrible, mais cela rend le propriétaire du site vulnérable à une poursuite en matière d'accessibilité du site Web.

Si le contraste des couleurs sur un site est trop subtil, les personnes malvoyantes peuvent avoir du mal à lire le texte, ce qui entraîne une mauvaise expérience utilisateur. Les directives WCAG 2.1 recommandent un rapport de contraste de 4,5: 1 pour le texte normal et un rapport de contraste de 3: 1 pour le texte de grande taille sur un site Web.

Les directives WCAG 2.1 fournissent également des recommandations concernant le contraste des couleurs. Si vous ne savez pas si la couleur de police et la couleur d'arrière-plan d'un site que vous concevez offrent un contraste suffisant, vous pouvez utiliser des outils en ligne pour vérifier. Une recherche rapide sur Google pour "vérificateur d'accessibilité de site Web" fournira plusieurs options. N'oubliez pas de donner la priorité au contraste des couleurs par rapport aux couleurs ou aux designs à la mode lorsque vous fournissez des services de conception de sites Web aux clients.

5. Éviter les contenus inaccessibles

Tout le contenu d'un site Web doit être accessible aux personnes handicapées, d'où les exigences en matière de contraste de couleur et de texte alternatif. Si un site Web héberge du contenu vidéo, les vidéos doivent avoir des descriptions audio ou des sous-titres pour rendre le contenu accessible aux utilisateurs malentendants. Heureusement, de nombreux services de transcription sont disponibles pour aider à transcrire le contenu vidéo, et des services tels que Rev et Otter Ai facilitent et rendent abordable la source des sous-titres vidéo.

Avec autant de visiteurs de sites Web naviguant sur des appareils mobiles de nos jours, même les personnes sans déficience auditive apprécient les sous-titres sur les vidéos. Les sous-titres permettent aux utilisateurs de consommer du contenu vidéo dans des espaces publics où le son peut être perturbateur ou difficile à entendre. Dans cet esprit, inclure des sous-titres sur vos vidéos peut augmenter vos vues en les rendant plus faciles à consommer.

6. Tester l'accessibilité du site Web

C'est une chose de concevoir un site Web accessible et une autre de le parcourir comme quelqu'un qui s'appuie sur les fonctionnalités d'accessibilité. Il est essentiel de tester l'accessibilité du site Web pour s'assurer que le site est vraiment fonctionnel pour les personnes handicapées. Non seulement cela protégera vos clients contre les poursuites en matière d'accessibilité de sites Web, mais cela les empêchera d'exclure par inadvertance des clients handicapés.

Les vérificateurs d'accessibilité de site Web sont un excellent moyen d'identifier les problèmes d'accessibilité avec le site d'un client. Des outils comme EqualWeb et AccessiBe ne sont que quelques exemples des nombreux vérificateurs d'accessibilité disponibles. Ces outils analysent les sites Web et identifient les problèmes de conformité que vous pouvez ensuite résoudre pour vous assurer que le site Web est conforme à l'ADA.

Différents vérificateurs d'accessibilité utilisent différentes normes de conformité comme base pour leurs analyses, alors assurez-vous d'en sélectionner un qui analyse la conformité ADA et WCAG 2.1. Sinon, le vérificateur risque de ne pas détecter tous les problèmes d'accessibilité que vous devez prendre en compte.

Questions fréquemment posées

Qu'est-ce qu'un procès pour accessibilité ?

Une poursuite en matière d'accessibilité de site Web est une action en justice contre un propriétaire de site Web dont le site ne respecte pas les directives de l'ADA concernant l'accessibilité du Web. À savoir, une entreprise ou un particulier peut être poursuivi si son site Web n'est pas accessible aux personnes handicapées.

Quelle est la plus grande poursuite en matière d'accessibilité ?

Le plus grand procès en matière d'accessibilité à ce jour a été la Fédération nationale des aveugles contre Target Corporation. Le procès s'est soldé par un règlement de 6 millions de dollars en 2018.