Back to top

Comment rendre votre site Drupal conforme aux WCAG 2.1

Les personnes handicapées ont du mal à obtenir les informations nécessaires sur Internet, car la plupart des sites Web ne sont pas construits selon une approche axée sur l'accessibilité. Cependant, l'accessibilité des sites Web n'est pas une tendance mais une nécessité pour toute plateforme numérique en 2024. Ce n'est pas seulement une question morale : dans certains pays, c'est une obligation légale et vous pourriez être condamné à une amende si votre activité en ligne n'est pas conforme aux directives en matière d'accessibilité.

Drupfan, en tant qu'agence de développement Web Drupal, propose des services d'assistance pour rendre votre plate-forme plus inclusive pour tous en mettant en œuvre les directives pour l'accessibilité du contenu Web (WCAG).

Dans cet article de blog, les spécialistes de Drupfan expliquent comment rendre votre site Web Drupal conforme aux WCAG 2.1. Continuez à lire si vous souhaitez rendre votre site plus convivial, générer plus de trafic et augmenter les taux de conversion. 

How to Make Your Drupal Website WCAG 2.1 Compliant

Qu’est-ce que l’accessibilité Web ?

L'accessibilité du site Web (a11y) fait référence à la convivialité du site Web qui permet à tous les utilisateurs, en particulier ceux souffrant d'un handicap physique, d'accéder à tous les contenus et fonctionnalités du site Web. A11y est une forme abrégée du mot « accessibilité » dans laquelle 11 désigne le nombre de lettres entre la première lettre « A » et le dernier « Y ». Malheureusement, de nombreux sites Web se heurtent à des obstacles en matière d'accessibilité et, par conséquent, il devient plus difficile, voire impossible, pour les personnes handicapées de voir ou de trouver le contenu souhaité. C’est dans cet esprit que les lignes directrices WCAG ont été créées.

 

Qu'est-ce que les WCAG ?

WCAG est l'abréviation de Web Content Accessibility Directives. Les WCAG sont un ensemble de critères de réussite standardisés pour l'accessibilité du Web. Ces normes sont développées et mises à jour en permanence par l'Initiative pour l'accessibilité du Web du World Wide Web Consortium (W3C).

Les WCAG comprennent plusieurs niveaux d'accessibilité : A, AA et AAA (du niveau le plus flexible au plus strict). 

 

Liste de contrôle pour la conformité Drupal WCAG 2.1

Il est fortement recommandé d'optimiser un site Web pour répondre aux exigences WCAG. Les spécialistes de Drupfan ont créé une courte liste de contrôle sur la façon de rendre votre site Web Drupal conforme au niveau WCAG 2.1 AA. Vous pouvez mettre en œuvre ces mises à jour simples pour rendre votre site plus accessible vous-même, ou vous pouvez toujours compter sur notre équipe de développeurs Drupal

  • Ajoutez un texte alternatif (alt text) à tout contenu non textuel de votre site web.

  • Ajoutez des titres avec la description de leur objectif à chaque page web.

  • Fournir des sous-titres pour tous les contenus audio et vidéo préenregistrés ou en direct.

  • Ajouter une description audio pour tous les contenus vidéo préenregistrés.

  • Proposez des instructions textuelles ou programmées sur la compréhension et l'utilisation du contenu de votre plateforme.

  • Ne limitez pas la vue du contenu à une seule orientation d'affichage.
  • Fournir une fonctionnalité permettant de mettre en pause tout contenu audio/vidéo automatique.

  • N'utilisez pas de couleurs pour indiquer une action.
  • Utilisez un rapport de contraste entre les éléments de votre site web.

  • Identifier l'objectif de chaque champ de saisie.
  • Ne pas placer de texte sur les images.

  • Veillez à ce que toutes les fonctionnalités du site web soient accessibles à partir d'un clavier.

  • Ne fixez pas de délai pour la perception du contenu.

  • N'ajoutez jamais d'éléments qui clignotent.

  • Fournir des descriptions complètes pour tous les liens URL.

  • Rendre possible la lecture de l'ensemble du contenu à l'aide de lecteurs d'écran.

  • Développer une navigation prévisible sur le site web.

  • Fournir la possibilité de redimensionner n'importe quel texte sur vos pages web.

Bien que ces conseils ne soient pas exhaustifs, le respect de quelques étapes simples peut considérablement améliorer l'accessibilité de votre site web Drupal.

 

Pourquoi Drupal 10 est-il axé sur l'accessibilité ?

Drupal 10 franchit des étapes significatives vers l'accessibilité des sites Web. Ici, les développeurs Web Drupfan décrivent 5 fonctionnalités principales de l'accessibilité Drupal.

  1.  L'interface Olivero

Le principal avantage de Drupal 10 est que son thème front-end par défaut Olivero est désormais entièrement conforme aux normes WCAG AA, ce qui facilite le développement de sites Web.

  1. Le thème back-end Claro

L'ancien thème back-end Seven est enfin remplacé par le tout nouveau thème Claro dans Drupal 10, conçu dans un souci d'accessibilité. Le thème Claro a également atteint le niveau de conformité WCAG AA, notamment grâce à ses contrastes de couleurs et à l'unification de ses éléments.

  1. Une sémantique plus claire.

Dans Drupal 10, les éléments HTML 5 ont une meilleure structure sémantique qui permet aux lecteurs d'écran de parcourir le web page de manière plus structurée et plus claire.

  1. Le texte alternatif est requis.

Dans Drupal 10, le texte alternatif est requis par défaut pour tout élément multimédia, vous n'oubliez donc pas de le remplir.

  1. Erreurs de formulaire en ligne accessibles.

Rendez les formulaires Drupal 10 plus accessibles avec un module qui permet d'identifier les erreurs commises lors du remplissage du formulaire. Bien que ce module ne soit pas activé par défaut, vous pouvez le trouver dans Core. N'oubliez pas d'activer manuellement ce module si nécessaire.

 

Rendez votre site Web Drupal accessible dès aujourd'hui!

Drupal 10 est un système de gestion de contenu open source qui offre un certain nombre de fonctionnalités d'accessibilité prêtes à l'emploi qui peuvent être améliorées par des modules d'accessibilité Drupal ou des outils tiers. Grâce à son approche A11Y-first, Drupal 10 est la meilleure solution numérique pour développer un site Web hautement utilisable, robuste et, surtout, obtenez un audit d'accessibilité d'un site Web pour vérifier si vous êtes conforme aux WCAG 2.1.

Contactez l'agence de développement Web Drupfan dès aujourd'hui pour ajouter l'accessibilité à votre site Web Drupal conformément aux normes WCAG 2.1.