Catégories
Astuces et Design

10 plugins WordPress pour améliorer l'accessibilité des sites Web

WordPress vous offre une bonne longueur d'avance lorsqu'il s'agit de créer des sites Web accessibles. Par exemple, des thèmes par défaut récents comme Twenty Seventeen sont déjà construits avec l'accessibilité à l'esprit. Mais cela ne signifie pas que votre travail est terminé.

Il y a encore beaucoup d'éléments à cocher dans votre liste pour vous assurer que tout le monde a accès à la navigation et au contenu de votre site. Heureusement, c'est l'un des domaines où la communauté du développement de plugins s'est vraiment intensifiée. Nous avons maintenant accès à une large sélection d'outils pour nous aider à relever les défis liés à l'accessibilité.

Voici une collection de plugins WordPress qui peuvent aider à améliorer l'accessibilité de votre site:

CONSTRUIRE DES SITES WORDPRESS PLUS RAPIDE

Annonce des kits de modèles. Des conceptions WordPress réactives conçues pour Elementor.

WP Accessibility (rédigé par Joe Dolson, que nous avons récemment interviewé) est un plugin multifonction qui résout les problèmes d'accessibilité courants.

La fonctionnalité la plus extérieure est une barre d'outils de contrat de taille de police et de couleur qui aide les utilisateurs à lire plus facilement votre contenu. Mais il fait également beaucoup de travail en arrière-plan, comme l'ajout de liens vers le contenu, la mise en œuvre d'un contour du lien :focus état pour une meilleure navigation au clavier, en utilisant longdesc pour les images et bien plus encore. Chaque fonction peut être activée ou désactivée via une page de paramètres.

Accessibilité WP

WP Accessibility Helper ajoute une barre d'outils conviviale à votre site qui permet aux utilisateurs de sélectionner différents contrastes de couleurs (ils peuvent choisir parmi une sélection de schémas de couleurs) et d'ajuster la taille de la police à leur convenance. Mais il va au-delà des options utilisateur pour souligner ou mettre en évidence les liens, les images en niveaux de gris, changer les polices et naviguer sur le clavier.

Le plugin dispose également d'un scanner DOM qui vérifiera votre site pour diverses erreurs d'accessibilité. Il existe également une version pro qui ajoute encore plus de cadeaux.

Aide à l'accessibilité WP

Si vous voulez juste un moyen simple pour permettre aux utilisateurs d'agrandir le texte, le widget d'accessibilité est une bonne option. Il s'agit d'un widget de style minimaliste qui propose des liens de texte «petits», «moyens» et «grands». Les paramètres vous permettent de déterminer les éléments HTML concernés et la taille (ou la taille) des polices.

Widget d'accessibilité

Accessible Poetry ajoute un bouton flottant qui, lorsqu'il est cliqué, expose une barre d'outils pour permettre des changements de police et de contraste. Vous pouvez également zoomer et dézoomer sur la page, avec des liens de marque et désactiver les flashs à l'écran. Mais la star de l'émission est sa zone de plateforme ALT à l'intérieur du tableau de bord WordPress. Cet écran répertorie toutes les images téléchargées sur votre site auxquelles aucune balise ALT n'est affectée. Encore mieux, vous pouvez définir une balise pour chaque image directement à partir de cette liste.

Poésie accessible

Une autre création de Joe Dolson, Contact Form 7: Accessible Defaults fournira un point de départ accessible à ceux d'entre vous qui utilisent Contact Form 7.

C'est un outil important car le formulaire de contact 7 n'est pas si accessible par défaut. Le plugin ajoute une sélection de types de formulaires accessibles à utiliser comme base pour votre nouveau formulaire. Notez qu'il n'affecte pas les formulaires préexistants – juste les nouveaux. Pour les formulaires existants, vous devrez les recréer à l'aide des nouveaux modèles. C'est pourquoi il est recommandé d'installer ce plugin compagnon sur votre site en même temps que le formulaire de contact 7.

Formulaire de contact 7: Valeurs par défaut accessibles

Les champs de formulaire WCAG 2.0 pour Gravity Forms ajoutent des fonctionnalités conviviales à Gravity Forms. Par exemple, il encapsulera les cases à cocher et les champs radio dans un fieldset.

Il apporte également des améliorations à l'avis d'erreur d'entrée que les utilisateurs reçoivent, affichant le nombre réel d'erreurs commises. De plus, le plugin ajoute des attributs ARIA à divers domaines ainsi que d'autres réglages en arrière-plan.

Champs de formulaire WCAG 2.0 pour Gravity Forms

wA11y fournit une connexion aux outils d'accessibilité populaires qui analyseront votre site. Le premier outil s'appelle tota11y et est fourni par la Khan Academy.

Il annotera tous les éléments d'une page Web et signalera tout problème. L'autre outil est WAVE, qui vous fournira une analyse d'accessibilité détaillée de la page actuelle. Chaque outil aura son propre bouton affiché en bas de votre site pour les utilisateurs connectés (vous pouvez choisir les rôles d'utilisateur qui verront les boutons). Cliquez simplement sur le bouton de votre choix pour commencer l'analyse.

wA11y - La boîte à outils d'accessibilité Web

Convertisseur de script de synthèse vocale PHP / JS

Text-To-Speech PHP / JS Script Converter est un plugin commercial qui fournit un moyen de convertir du texte en langage parlé (de nombreuses «voix» différentes sont incluses). Il est multilingue, avec la prise en charge de 44 langues et ne nécessite aucune sorte de cadre supplémentaire pour fonctionner.

Ce n'est cependant pas automatisé. Vous devrez ajouter du code aux éléments d'encapsuleur HTML pour tous les éléments que vous souhaitez activer les fonctionnalités de synthèse vocale. Pourtant, cela pourrait être utile dans les bonnes circonstances.

Convertisseur de script de synthèse vocale PHP / JS

Si vous faites partie des nombreux utilisateurs du thème Divi, vous voudrez peut-être également envisager d'ajouter l'accessibilité Divi. Il ajoute des attributs ARIA, améliore la navigation au clavier de divers éléments et intègre le tota11y susmentionné dans le package. Cela pourrait être d'une grande aide pour compenser les lacunes d'accessibilité dans ce thème.

Accessibilité Divi

WP User Stylesheet Switcher n'est pas nécessairement un plugin d'accessibilité, mais il peut être utilisé d'une manière qui améliore l'accès. Si la solution accessible pour votre site consiste à fournir une mise en page alternative telle qu'une version texte uniquement, ce plugin peut faciliter la tâche.

Vous pouvez fournir autant de feuilles de style différentes que vous le souhaitez et les utilisateurs pourront facilement basculer entre eux. Quand on y pense, c'est peut-être la solution la plus simple qui existe.

Sélecteur de feuille de style utilisateur WP

Ne laisser aucun utilisateur derrière

Les dernières années ont fait prendre conscience de l'importance de créer un site Web accessible. Bien que le processus de couverture de toutes vos bases prenne du temps, cela en vaut vraiment la peine. L'utilisation des outils décrits ci-dessus est un excellent moyen d'ajouter des fonctionnalités (visibles ou non) qui aideront chaque utilisateur à tirer le meilleur parti de votre site WordPress.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *