Rendre un site WordPress accessible pour la déficience de la vision et d'autres handicaps

La lecture de ce tutoriel vous apprendra à exposer facilement votre site Web aux visiteurs avec une déficience visuelle et d'autres handicaps. Les instructions expliquées dans cet article n'endommageront pas vos performances de référence.

J'utiliserai un plugin nommé accessibilité WP pour cet article, mais vous pouvez choisir n'importe quel plugin que vous souhaitez. Dans ce cas exceptionnel, les informations théoriques que vous acquérerez sont plus importantes que les étapes pratiques.

Toutes les étapes expliquées dans ce tutoriel comprennent des captures d'écran, ce qui permet aux nouveaux utilisateurs de WordPress de les suivre facilement.

Aspects importants lors de la transformation de votre site WordPress accessible pour les visiteurs handicapés

Les normes d'accessibilité Web sont définies dans WCAG (lignes d'accessibilité du contenu Web). Ces lignes directrices visent à rendre les sites Web accessibles selon les critères suivants:

• Sens perceptible: Les sites Web accessibles doivent permettre aux visiteurs de percevoir le contenu à travers leurs sens: les options de visibilité des visiteurs de la vision et l'ouïe pour les visiteurs aveugles.
• Compatibilité des outils d'accessibilité: L'accessibilité exige également que le site Web soit compatible avec les outils d'accessibilité utilisés par les visiteurs handicapés.
• Difficulté du contenu: Le contenu peut être optimisé pour les capacités cognitives réduites les visiteurs.
• Technologie: Les sites Web accessibles sont également optimisés pour tous les types d'appareils et les connexions de basse qualité instables.

WCAG définit trois niveaux d'accessibilité: UN, AA, et Aaa. Lorsque A est l'optimisation la plus basse pour l'accessibilité, AA est le niveau d'optimisation moyen et AAA est le niveau d'optimisation maximum pour l'accessibilité.

Certains des points importants lorsque vous rendez votre site accessible sont:

• Attributs ALT: Malgré les attributs ALT utilisés par les experts du référencement pour augmenter le trafic, cet attribut a été initialement développé pour aider les utilisateurs à apprendre à apprendre l'objectif d'une image. L'attribut Alt contient des informations pour la lecture du logiciel pour communiquer aux utilisateurs aveugles la fonction ou la description d'une image.
• Sauter les liens: Les liens de sauts sont des liens au début d'un site Web, permettant à l'utilisateur de contourner rapidement le contenu et d'accès au contenu pertinent. Ils sont très utiles pour les utilisateurs utilisant un lecteur d'écran ou sans souris.
• Contraste des couleurs: Il existe différents niveaux de cécité; Pour certains d'entre eux, garder un niveau de contraste élevé est essentiel. Les dernières directives WCAG nécessitent un rapport de contraste d'au moins 3: 1 pour les médias et l'interface utilisateur. Le niveau WCAG AAA nécessite un rapport de contraste d'au moins 7: 1 pour le texte normal. Pour les grands textes, il nécessite un rapport de 5: 1.
• Compatibilité logicielle: Cela signifie que votre site doit être compatible avec les logiciels d'assistance.
• Formes: Les formulaires de compatibilisation sont un aspect important lorsque vous rendez votre site accessible. Cela comprend l'exclusion de données non pertinentes, des étiquettes spécifiques pour faire comprendre à vos visiteurs chaque champ, valider les entrées et fixer des erreurs sans remplir le formulaire à partir de 0.

Rendre un site WordPress accessible pour la déficience de la vision et d'autres handicaps

Cette section pratique explique comment rendre votre WordPress accessible aux handicaps.

Pour commencer, connectez-vous à votre tableau de bord WordPress, et sur le menu de gauche, appuyez sur le Plugins Option, puis appuyez sur Ajouter un nouveau sur le sous-menu affiché comme indiqué dans la capture d'écran ci-dessous (Plugins>Ajouter un nouveau).

Sur l'écran d'installation des plugins, recherchez la zone de recherche de mots clés affichée dans l'image ci-dessous et tapez "Accessibilité". Une fois les plugins disponibles répertoriés, appuyez sur le Installer maintenant bouton pour le plugin nommé Accessibilité WP.

Une fois le plugin installé, activez-le en appuyant sur le Activer bouton.

Après avoir activé le plugin, accédez à ses options de configuration en déplaçant votre pointeur de souris sur Paramètres dans le menu de gauche du tableau de bord et Accessibilité WP sur le sous-menu affiché (Paramètres>Accessibilité WP).

Continuez à lire ci-dessous pour configurer chaque aspect d'accessibilité de ce plugin.

Configuration de l'accessibilité WP (étape 1): sauter les liens

Après avoir ouvert les paramètres du plugin d'accessibilité WP, vous verrez d'abord une option pour ajouter des liens de saut.

Les liens de sauts sont des liens stratégiquement situés qui permettent aux utilisateurs qui utilisent des lecteurs d'écran ou s'appuient sur un clavier (sans souris) pour accéder rapidement au contenu le plus pertinent du site Web en sautant un contenu non pertinent ou moins pertinent. Par exemple, un utilisateur aveugle utilisant un lecteur d'écran ou un utilisateur handicapé de mobilité utilisant un clavier sans souris peut accéder au contenu principal du site Web en sautant des informations non pertinentes en accédant simplement à un lien stratégiquement situé.

La première section vous permet d'activer les liens de saut, afin que vos utilisateurs puissent accéder aux informations pertinentes en contournant le contenu non pertinent.

Activer et définir la cible de liaison par l'ID que vous pouvez trouver sur le code de votre page.

L'option «Styles pour les skiplinks lorsqu'ils ont une concentration» est utile pour ajouter des styles CSS lorsqu'un onglet et une mise au point sont placés sur les liens de sauts. Dans l'option «Styles pour les liens de sauts sans focus», vous pouvez ajouter des styles CSS lorsque le focus n'est pas placé sur les skiplinks.

Après avoir configuré les paramètres de vos liens de saut, appuyez sur le Mettre à jour les paramètres de skiplink bouton.

Ci-dessous, vous pouvez configurer vos barres d'outils. Vous pouvez ajouter une barre d'outils d'accessibilité pour les utilisateurs pour ajuster leur fontsize et leur contraste; Vous pouvez également exclure certains éléments de cette barre d'outils. Ajoutez un attribut ID à votre barre d'outils spécifiant son emplacement dans votre site. Vous pouvez également masquer la barre d'outils en fonction de la taille de l'écran ou la placer sur la bonne partie de votre écran, entre autres options intuitives. Une fois que vous avez terminé, appuyez sur le Mettre à jour les paramètres de la barre d'outils bouton.

Dans la section Paramètres d'accessibilité diverses, vous pouvez définir la langue de votre site et les boutons utiles (comme «Lire la suite»). Vous pouvez également étiqueter automatiquement les formulaires d'entrée pour les utilisateurs pour les identifier. Des options supplémentaires vous permettent de supprimer certains attributs, de désactiver l'écran complet et plus encore; Tous sont intuitifs. N'oubliez pas de mettre à jour vos paramètres en appuyant sur le Mettre à jour les paramètres divers bouton à la finition.

En faisant défiler vers le bas, vous pouvez supprimer les attributs de titre des nuages ​​de balises.

Enfin, vous pouvez tester le contraste des couleurs de votre site Web pour savoir s'il est amical pour les visiteurs avec une déficience visuelle.

C'est tout pour rendre votre site Web accessible aux utilisateurs ayant une déficience visuelle et d'autres handicaps, les empêchant d'utiliser une souris.

Conclusion

Il est très important de rendre votre site Web accessible aux utilisateurs handicapés en raison de l'humanisme derrière cela et parce que vous manquez peut-être des utilisateurs importants pour votre entreprise, votre cause ou votre blog.

Comme vous pouvez le voir, tout utilisateur de niveau WordPress peut rendre son site Web accessible à toutes sortes d'utilisateurs en suivant quelques étapes décrites ci-dessus. Il existe de nombreuses alternatives au plugin expliqué dans cet article; vous pouvez choisir l'un d'eux. N'oubliez pas que lorsque vous utilisez ce plugin (accessibilité WP), vous devrez enregistrer les modifications pour chaque section que vous modifiez. La planification de votre site Web pour tous les utilisateurs peut avoir un grand impact sur votre site.

Merci d'avoir lu cet article. Continuez à suivre les indices Linux pour plus de tutoriels WordPress de haute qualité.