Sélectionner une page


WordPress vous donne une bonne longueur d’avance lorsqu’il s’agit de créer des sites Web accessibles. Par exemple, les sujets standards actuels tels que Twenty Seventeen sont déjà créés Accessibilité à l’esprit. Mais cela ne veut pas dire que votre travail est terminé.

Il y a encore de nombreux éléments dont vous devez cocher votre liste pour vous assurer que tout le monde a accès à la navigation et au contenu de votre site Web. Heureusement, c’est l’un des domaines dans lesquels la communauté des développeurs de plugins s’est vraiment développée. Nous avons maintenant accès à une grande variété d’outils pour nous aider à relever les défis d’accessibilité.

Voici une collection de plugins WordPress que vous pouvez utiliser pour améliorer l’accessibilité de votre site Web:

WP Accessibility (écrit par Joe Dolson, que nous avons récemment obtenu interviewé) est un plug-in multifonctionnel qui résout les problèmes d’accessibilité courants.

La fonctionnalité la plus externe est une barre d’outils de taille de police et de contrats de couleur qui permet aux utilisateurs de lire plus facilement votre contenu. Mais cela fonctionne aussi beaucoup dans les coulisses, comme l’ajout de liens pour ignorer le contenu et la mise en œuvre d’un aperçu du lien :focus État pour une meilleure navigation au clavier en utilisant longdesc pour des photos 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 facile à utiliser à votre site qui permet aux utilisateurs de choisir différents contrastes de couleurs (ils peuvent choisir parmi une sélection de jeux de couleurs) et d’ajuster la taille de la police à leur guise. Mais cela va bien au-delà avec des options utilisateur pour souligner ou mettre en évidence les liens, les images en niveaux de gris, la modification des polices et la navigation au clavier.

Le plugin dispose également d’un scanner DOM qui scanne votre site pour diverses options d’accessibilité. Il y a aussi Version Pro cela ajoute encore plus de goodies.

Aide à l'accessibilité WP

Si vous souhaitez simplement permettre aux utilisateurs d’agrandir le texte, le widget Accessibilité est une excellente option. C’est un widget de style minimaliste qui a des liens de texte petits, moyens et grands. Vous pouvez utiliser les paramètres pour déterminer les éléments HTML concernés et la taille (ou petite) des polices.

Widget d'accessibilité

Poésie accessible ajoute un bouton flottant qui affiche une barre d’outils lorsque vous cliquez dessus pour permettre des modifications de la police et du contraste. Vous pouvez également effectuer un zoom avant et arrière sur la page, mettre en évidence des liens et désactiver les clignotements d’écran. La star du spectacle, cependant, est la zone de plate-forme ALT dans le tableau de bord WordPress. Cet écran répertorie toutes les images qui ont été téléchargées sur votre site Web et qui n’ont pas reçu de balise ALT. Ce qui est encore mieux, c’est que vous pouvez baliser n’importe quelle image directement à partir de cette liste.

Poésie accessible

Une autre création de Joe Dolson, Formulaire de contact 7: Paramètres par défaut accessibles, fournit un point de départ accessible à ceux d’entre vous qui utilisent le Formulaire de contact 7.

Il s’agit d’un outil important car le formulaire de contact 7 n’est pas accessible comme celui-ci par défaut. Le plugin ajoute une sélection de types de formulaires accessibles qui serviront de base à votre nouveau formulaire. Notez que les formulaires existants ne sont pas affectés – seulement les nouveaux. Pour les formulaires existants, vous devrez les recréer à l’aide des nouveaux modèles. Pour cette raison, il est recommandé d’installer ce plug-in compagnon en même temps que le formulaire de contact 7 sur votre site Web.

Formulaire de contact 7: Paramètres par défaut accessibles

Les champs de formulaire WCAG 2.0 pour Gravity Forms ajoutent des fonctions accessibles aux Gravity Forms. Par exemple, les cases à cocher et les champs radio sont inclus dans un fieldset.

Il apporte également des améliorations à la notification d’échec d’entrée que les utilisateurs reçoivent et au nombre réel d’erreurs commises. De plus, le plugin ajoute ARIA Attributs à différentes zones ainsi que d’autres ajustements dans les coulisses.

Champs de formulaire WCAG 2.0 pour les formes gravitaires

wA11y fournit un lien vers les fonctionnalités d’accessibilité courantes utilisées pour analyser votre site. Le premier outil s’appelle tota11y et est fourni par la Khan Academy.

Tous les éléments d’une page Web sont annotés et les problèmes sont signalés. L’autre outil est VAGUEVous trouverez ici une analyse détaillée de l’accessibilité de la page actuelle. Chaque outil a son propre bouton pour les utilisateurs connectés au bas de votre site Web (vous pouvez choisir les rôles d’utilisateur dans lesquels vous voulez que les boutons apparaissent). Cliquez simplement sur le bouton de votre choix pour commencer l’analyse.

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

Convertisseur de script PHP / JS de synthèse vocale

Text-to-Speech PHP / JS Script Converter est un plug-in commercial qui vous permet de convertir du texte en langage parlé (de nombreuses «voix» différentes sont incluses). Il est multilingue, prend en charge 44 langues et ne nécessite aucun cadre supplémentaire pour fonctionner.

Cependant, ce n’est pas automatisé. Vous devez ajouter du code aux éléments de wrapper HTML pour chaque élément pour lequel vous souhaitez activer la fonctionnalité de synthèse vocale. Cependant, cela pourrait être utile dans les bonnes circonstances.

Convertisseur de script PHP / JS de synthèse vocale

Si vous êtes l’un des nombreux utilisateurs du thème Divi, pensez également à ajouter Divi Accessibility. Il ajoute des attributs ARIA, améliore la navigation au clavier de divers éléments et intègre les fonctionnalités ci-dessus dans le package. Cela pourrait être d’une grande aide pour contrer tout manque d’accessibilité dans ce sujet.

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’accessibilité. Si la solution accessible pour votre site est de fournir une mise en page alternative, par exemple B. une version en texte brut, ce plugin peut rendre la tâche beaucoup plus facile.

Vous pouvez fournir autant de feuilles de style que vous le souhaitez et les utilisateurs peuvent facilement basculer entre elles. Si vous y réfléchissez, c’est peut-être la solution la plus simple.

Sélecteur de feuille de style utilisateur WP

Ne laissez pas un utilisateur derrière

Ces dernières années, l’importance de créer un site Web accessible est devenue évidente. Bien que le processus visant à s’assurer que toutes vos bases soient couvertes prenne du temps, cela en vaut la peine. Les outils décrits ci-dessus vous permettent d’ajouter des fonctionnalités (visibles ou invisibles) qui permettront à tout utilisateur de tirer le meilleur parti de votre site WordPress.



Source link

Recent Posts