Lignes directrices en vue de la mise en œuvre de la nouvelle loi sur l'accessibilité

Le 28 juin 2025, la loi européenne sur l'accessibilité(EAA), relative à l'accessibilité des produits, des sites web et d'autres services, entrera en vigueur. En tant qu'entreprise, vous vous exposez à des sanctions si vous ne respectez pas les exigences légales. Afin de vous conformer à la loi et d'éviter d'exclure des utilisateurs, nous vous recommandons d'utiliser les WCAG (Web Content Accessibility Guidelines, ou directives pour l'accessibilité des contenus Web).

Les Directives pour l'accessibilité des contenus Web (WCAG) constituent une norme internationale visant à créer des contenus Web accessibles à tous, quel que soit le type de handicap. Elles comprennent un large éventail de recommandations en faveur de l'accessibilité, et nous allons en passer certaines en revue dans cet article. Outre ses différents niveaux, les Directives pour l’accessibilité des contenus Web (WCAG) reposent également sur quatre principes fondamentaux de l’accessibilité du Web.

• Robustesse

• Perceptible

• Fonctionnel

• Compréhensible

Ces principes constituent une base solide pour évaluer votre conformité aux normes d'accessibilité.

Robuste

Afin de garantir l’inclusion de tous les utilisateurs, le site web doit être accessible via différents navigateurs et prendre en charge l’utilisation de diverses technologies d’assistance.

Un lecteur d’écran est un outil qui lit à voix haute le texte et le contenu visuel ; il est utilisé par les personnes malvoyantes. Afin d’inclure les utilisateurs présentant un handicap visuel ou moteur qui dépendent exclusivement d’un clavier ou d’une commande vocale, les éléments doivent être décrits en fonction de leur fonction, et la structure de la page doit être bien organisée. Par exemple, utilisez l’élément « button » dans le code lorsqu’un bouton est prévu.

Pour vérifier cela, vous pouvez utiliser des outils de validation tels que le Service de validation du balisage.

Perceptible

Il est essentiel de veiller à ce que les utilisateurs puissent percevoir les éléments et comprendre la structure du contenu. Les supports visuels doivent comporter des descriptions verbales, le contraste des couleurs doit être suffisant et le contenu audio doit être clair et distinct. Ces aspects sont particulièrement importants pour les utilisateurs qui ont recours à des technologies d'assistance.

Le contenu de la page doit être structuré de manière à faciliter la navigation des utilisateurs à l’aide d’un lecteur d’écran, tant pour les éléments visuels que pour le texte. Si la structure fait défaut, les utilisateurs peuvent avoir des difficultés à s’y retrouver. Gardez à l’esprit que la répétition du même texte pour plusieurs éléments cliquables peut empêcher une personne incapable de percevoir la mise en page de les distinguer les uns des autres.

Le texte alternatif sert à décrire les éléments visuels afin que les lecteurs d'écran puissent transmettre le message visuel. Sans texte alternatif, l'image ne peut pas être perçue par les utilisateurs malvoyants.

Pour vérifier si le rapport de contraste entre le texte et l'arrière-plan respecte la norme minimale de 4,5:1, il existe différents outils. Il existe toutefois des exceptions, telles que les graphiques et autres éléments visuels, qui ne nécessitent qu’un rapport de contraste de 3:1. Les éléments superposés ou imbriqués les uns dans les autres doivent également présenter un contraste de couleurs suffisant et doivent être testés les uns par rapport aux autres. Des outils tels que le Contrast Checker de WebAIM peuvent être utilisés pour tester le contraste des couleurs.

Il est également important de ne pas se fier uniquement à la couleur comme seul vecteur d’information sur la page. Il convient également d’utiliser des différences structurelles afin que les personnes atteintes de divers types de daltonisme puissent percevoir l’information. De plus, vous pouvez utiliser des infobulles (du texte qui s’affiche au survol) pour clarifier et renforcer davantage le message.

Fonctionnel

Les composants de l'interface utilisateur et la navigation doivent être utilisables. Cela signifie que les utilisateurs doivent pouvoir interagir avec l'interface quelles que soient leurs capacités motrices. Par exemple, toutes les fonctionnalités doivent être accessibles via la navigation au clavier, et les éléments interactifs doivent comporter un indicateur de sélection clair permettant de savoir où se trouve l'utilisateur sur la page.

• La navigation doit pouvoir s'effectuer à l'aide du clavier, car la souris est avant tout un outil de navigation visuel.

• Laissez aux utilisateurs le temps dont ils ont besoin pour accomplir leurs tâches.

• Il convient d’éviter les contenus clignotants ou scintillants, car ils peuvent présenter un risque grave pour les utilisateurs atteints d’épilepsie photosensible.

• Veillez à ce que la navigation soit claire et simple pour les lecteurs d’écran, afin que les utilisateurs puissent facilement comprendre et parcourir le contenu.

• Concevez des zones cliquables suffisamment grandes pour que les utilisateurs présentant des troubles moteurs, tels que des mouvements instables ou amples, ne soient pas limités dans leurs interactions.

Les espaces blancs entre les éléments sont utiles, car ils aident les utilisateurs à appuyer ou à cliquer facilement sur les composants interactifs. Cela s'applique aussi bien aux écrans tactiles des appareils mobiles qu'à l'utilisation de la souris sur les écrans d'ordinateur de bureau. Il est important de prendre en compte le fonctionnement de ce principe sur différents formats lorsque la page est responsive.

Pour éviter les répétitions et aider les utilisateurs à comprendre le lien entre les éléments interactifs et le contenu associé, un lien descriptif basé sur le titre peut s’avérer plus efficace que l’utilisation répétée d’un lien générique du type « en savoir plus » sous le texte. Cela fournit aux utilisateurs de lecteurs d’écran un contexte immédiat directement dans le texte du lien, leur permettant ainsi de savoir exactement sur quoi ils cliquent pour poursuivre leur navigation.

Les raccourcis clavier peuvent améliorer l’efficacité de nombreux utilisateurs, mais ils sont particulièrement essentiels pour les personnes souffrant de troubles moteurs ou de déficiences visuelles, car la souris repose exclusivement sur la navigation visuelle. Les raccourcis peuvent varier selon les appareils et les systèmes d’exploitation ; il est donc important de tenir compte de ces différences.

Compréhensible

La communication étant le seul moyen d’inciter les utilisateurs à interagir avec votre site, le contenu doit être informatif et facile à comprendre. Ce que l’utilisateur voit sur la page doit également être prévisible. Il est donc utile d’utiliser des modèles de conception et des messages largement reconnus et familiers sur le Web.

Il est également important que les éléments de la page restent cohérents, afin que les utilisateurs n’aient pas à réapprendre sans cesse comment utiliser les fonctionnalités. Cela réduit la charge cognitive inutile et permet de mettre davantage l’accent sur le message principal et les informations que vous souhaitez transmettre. Les lecteurs d’écran doivent également pouvoir interpréter le contenu de la page ; il est donc fortement recommandé de procéder à des tests avec un lecteur d’écran pour s’assurer que tout fonctionne comme prévu.

Les utilisateurs doivent pouvoir faire une pause à différents moments tout en sachant où ils se trouvent sur la page, afin de pouvoir reprendre l'interaction lorsqu'ils reviennent. Une navigation claire est également essentielle lorsqu'un événement se produit : par exemple, si un message d'erreur s'affiche, l'utilisateur doit comprendre quelle action entreprendre ensuite.

On peut notamment citer l’exemple de l’ajout d’un texte d’aide avant les champs de saisie, afin que les utilisateurs de lecteurs d’écran reçoivent le message avant de commencer à remplir le champ.

Il est également important que les éléments interactifs se comportent de manière prévisible, en particulier pour les utilisateurs présentant des troubles cognitifs. Par exemple, lorsqu’il clique sur un bouton, l’utilisateur doit être redirigé exactement vers la page indiquée par ce bouton. C’est pourquoi il est essentiel que le contenu et la navigation soient harmonisés et cohérents.

Il est tout aussi important de concevoir les éléments en s'appuyant sur des modèles de conception établis. De plus, les éléments interactifs de la page doivent être conçus de manière cohérente, afin que les utilisateurs puissent facilement reconnaître qu'un bouton est un bouton et qu'un champ de saisie est un champ de saisie.

Résumé

La loi européenne sur l’accessibilité (EAA) entrant en vigueur le 28 juin 2025, de nombreuses entreprises seront concernées et devront commencer à adapter la structure de leurs sites web, de leurs produits ou de tout autre système en cours de développement. Plus tôt la norme WCAG (Web Content Accessibility Guidelines) sera respectée, plus il sera facile et rentable de mettre en œuvre les améliorations nécessaires en matière d’accessibilité. Il est donc judicieux de vérifier dès que possible si le produit dont vous êtes propriétaire ou sur lequel vous travaillez répond aux exigences de l’UE en matière d’accessibilité, bien avant l’entrée en vigueur de la loi.

Nous réalisons des audits d'accessibilité qui mettent clairement en évidence les points à améliorer pour se conformer aux exigences légales.

Cliquez ici si vous avez besoin d’aide.

Cet article a été mis à jour le 9 janvier 2025 par l'équipe UX de QESTIT.