Quelques façons de rendre votre site facilement accessible

La structuration d'une page et de ses actifs la rend correctement compatible avec les machines, quelle que soit cette machine. Ajoutez le type de techniques de bon sens qui permettent aux utilisateurs (y compris les utilisateurs handicapés) et aux machines d'accéder directement à un contenu significatif, et vous vous dirigez certainement vers un site facilement accessible et convivial pour les moteurs de recherche.

Nous connaissons tous la puissance de WordPress qui permet à un débutant ou à une personne non technique de concevoir et de développer sa propre propriété Web. Cette plate-forme est simple à configurer et fournit un cadre solide pour les thèmes et les plugins qui détermineront comment votre contenu et vos fonctionnalités continueront pour tout visiteur.

Si vous voulez que votre site soit accessible aux personnes handicapées, vous constaterez que WordPress de base a beaucoup de choses à faire pour faciliter le développement d'un site Web accessible, et il n'est pas difficile d'aller plus loin grâce à l'ajout de plugins et de bonnes technique.

Avant de commencer, il y a deux facteurs importants à prendre en compte. Premièrement, la mise en œuvre de ces quatre techniques à elles seules ne rendra pas un site Web totalement accessible à tous au point de se conformer à toutes les exigences nécessaires, mais elle éliminera les obstacles les plus courants à l'accès au Web et offrira une accessibilité beaucoup plus grande.

Deuxièmement, il est important de comprendre que l'accessibilité ne peut être atteinte que grâce à la coopération de la conception, du développement et des meilleures pratiques de création de contenu. Un concepteur peut concevoir un thème accessible, un développeur peut ajouter des fonctionnalités accessibles, mais si un auteur de contenu insère une image significative sans balise alt, la signification complète de la page Web sera inaccessible.

Dans cet esprit, voici quatre conseils pour rendre votre site facilement accessible.

Texte alternatif pour vos images

Il est bien connu que le plus grand obstacle à l'accessibilité du Web consiste à utiliser correctement le texte alternatif pour décrire les images sur une page Web. Si ce point unique était abordé par tous ceux qui créent des sites Web, cela éliminerait le plus grand nombre de plaintes liées à l'accessibilité. Et c'est la raison pour laquelle nous avons ressenti le besoin de développer un incroyable plugin SEO Image Optimizer, qui comble le vide des balises alt manquantes sur les images.

Le point fondamental à comprendre est que si vous allez mettre des images sur votre site, il est essentiel que vous les étiquetiez correctement avec du texte alternatif. Autrement dit, chaque image que vous mettez en ligne doit avoir une signification pour que le robot référence votre image sur les moteurs de recherche.

Les informations contenues dans la balise alt permettent aux utilisateurs de lecteurs d'écran (qui lisent les pages Web à voix haute aux utilisateurs malvoyants), aux navigateurs texte uniquement et aux connexions lentes qui ne chargent pas les images de comprendre les informations véhiculées par les images.

Si une image n'a pas de sens, par exemple si elle est utilisée uniquement pour la décoration, il y a deux façons de la traiter. Si vous la chargez en arrière-plan avec CSS, les lecteurs d'écran l'ignoreront et l'image ne nécessite pas de balise alt (attention, car cela s'applique également aux images significatives : si vous la chargez en arrière-plan, le lecteur d'écran l'ignorera ). Si une image est affichée en HTML mais est purement décorative, utilisez la balise alt mais laissez-la vide. Cela indique au lecteur d'écran qu'une image est présente mais n'a aucune signification pour l'utilisateur et peut être ignorée ce qui permet de rendre votre site plus accessible pour un lecteur

Lorsque vous mettez une étiquette sur vos images, utilisez un texte descriptif qui permettra aux personnes qui ne peuvent pas voir de comprendre la signification de l'image. Cela nécessite un jugement : pourquoi l'image a été ici et quel message transmet-elle, et quels mots transmettront le mieux cette même signification. Ne vous laissez pas prendre aux descriptions littérales de chaque détail visuel, transmettez le sens.

Un exemple classique est l'image d'une loupe utilisée comme bouton pour lancer une recherche. L'image a un sens, elle doit donc être décrite. Le décrire comme « une loupe » n'aide pas l'utilisateur. Ce qu'ils doivent savoir, c'est que cliquer sur ce bouton lancera une recherche, donc le texte alternatif de "cliquez ici pour rechercher" ou même simplement "rechercher" peut être le plus approprié.

Seules les images qui ont un but doivent être étiquetées. Voici des exemples :

Images utilisées comme boutons

Images utilisées comme liens

Images utilisées pour tout autre contrôle

Images directement liées au contenu

Cette technique s'applique à tous les sites Web, bien sûr, pas seulement aux sites WordPress. WordPress, cependant, le rend plus facile que la plupart, premièrement en permettant à l'auteur du contenu de basculer entre les vues visuelle et HTML, et deuxièmement en fournissant un champ pour le texte alternatif chaque fois qu'une image est insérée à l'aide de la fonctionnalité Ajouter un média.

Plugins pour une meilleure accessibilité

L'accessibilité de WordPress peut être améliorée en utilisant une variété de plugins. Ces plugins sont faciles à configurer et permettront aux utilisateurs souffrant d'un large éventail de handicaps d'accéder au site. Voici quelques plugins que j'ai trouvés qui rendront votre site facilement accessible.

Clés d'accès

Le plug-in Access Keys permet d'attribuer des clés d'accès aux liens et aux contrôles de votre site Web. Par exemple, le lien d'accueil peut se voir attribuer la combinaison de touches d'accès alt+h et le bouton de recherche peut se voir attribuer la combinaison de touches alt+s. Les clés d'accès, telles que les exemples fournis, permettent aux utilisateurs malvoyants ainsi qu'à ceux ayant des problèmes de mobilité d'accéder facilement à ce qu'ils veulent.

Retweet facile

Easy Retweet est un plugin qui vous permettra d'ajouter des boutons accessibles à votre page qui facilitent le partage de votre contenu sur Twitter. Ainsi, si des personnes handicapées souhaitent partager vos pages avec leurs amis, elles pourront le faire sans aucune difficulté.

AStickyPostOrderER

AstickyPostOrderER vous permet de choisir l'ordre dans lequel votre contenu est affiché. Vous pouvez choisir d'afficher le contenu du plus ancien au plus récent ou dans l'ordre inverse.

Table des matières SEO Hackadelic

Le plugin Hackadelic SEO Table of Contents vous permet de fournir une table des matières pour vos publications ou vos pages. Cela rendra votre contenu facile à trouver.

WP-Polls

WP-Polls permet aux personnes handicapées de participer à tous les sondages que vous pourriez avoir sur votre site

De nouveaux plugins sont développés tout le temps. Utilisez la fonctionnalité de tableau de bord WordPress pour rechercher plus. Essayez différents plugins et demandez à vos utilisateurs handicapés de vous donner leur avis

Lorsque vous utilisez des plugins, assurez-vous que les plugins utilisés sont compatibles avec le thème choisi, ainsi qu'entre eux. Si vos plugins ne sont pas compatibles avec votre thème, ils ne fonctionneront pas ou causeront plus de problèmes aux utilisateurs handicapés qui tentent de naviguer sur votre site. Si vos plugins ne sont pas compatibles entre eux, votre site peut être rendu inutilisable ou le contenu peut être affiché de manière incorrecte.

Chemin à suivre avec les titres

Lorsque vous concevez des pages, il est essentiel de structurer le contenu en utilisant des titres dans le bon ordre : <h1> , <h2> , <h3> et ainsi de suite. Lorsque vous structurez le contenu à l'aide d'en-têtes, les utilisateurs de lecteurs d'écran peuvent obtenir un résumé du contenu des pages et les parcourir plus facilement. Les utilisateurs de lecteurs d'écran peuvent accéder aux sections de contenu qu'ils souhaitent en appuyant sur la lettre "H" pour avancer et sur "shift+H" pour reculer.

Vous pouvez étiqueter votre contenu en utilisant les titres un à six pour rendre votre site facilement accessible. Vérifiez comment votre thème utilise les en-têtes (par exemple, votre thème peut ou non appliquer <h1> au titre du site et ce titre du site peut ou non apparaître sur chaque page Web. Dans tous les cas, assurez-vous que le premier en-tête utilisé est <h1> et les titres suivants (titre de page, sous-sections de page, titres de paragraphe) descendent dans l'ordre jusqu'à <h6> , le cas échéant.

Il y a une certaine flexibilité dans l'ordre, mais l'option la plus sensée est de garder les titres dans l'ordre numérique et de ne pas les mélanger car cela créerait une situation dangereuse à la fois pour l'utilisateur et pour un moteur de recherche (ne les mélangez pas comme ça - > <h1> , <h4> , <h2> , etc.).

Les liens de navigation sont utiles

Enfin, vous devez avoir des liens de navigation dans la conception de votre site. Ces liens de navigation permettront aux utilisateurs handicapés de sauter la barre de navigation ou d'autres menus et champs de recherche et d'accéder à certains endroits de la page en cliquant sur ces liens. Ou, l'utilisateur peut accéder rapidement aux sections souhaitées sur le site. Ces liens doivent apparaître partout où il est nécessaire que les utilisateurs accèdent à un contenu significatif. Voici des exemples de ce que ces liens peuvent indiquer :

Passer au contenu principal

Aller à la barre de navigation

Aller à la recherche

Certains thèmes WordPress peuvent déjà fournir de tels liens. Si tel est le cas, vous devrez vérifier ces liens pour voir si vous devez ajouter l'un des vôtres. Cependant, d'autres thèmes ne fourniront pas de liens de navigation. Ainsi, vous devrez ajouter ces liens vous-même.

Emballer

Je vais répéter ce que j'ai dit plus tôt qu'aucune de ces étapes ne vous garantit un site Web accessible à 100%, mais oui, cela augmentera l'accessibilité de votre site pour chaque visiteur visitant votre site et votre site est plus accessible que 90% des sites Web WordPress là-bas .

Les visiteurs handicapés pourront naviguer sur votre site comme les autres visiteurs. Étant donné que ces visiteurs incluent également des robots de recherche, vous devez être assuré d'une chose : rendre votre site accessible profitera également à votre entreprise et vous aidera à vous classer en tête des moteurs de recherche, ce qui se traduira par une plus grande rentabilité de votre entreprise.

J'espère que ce billet de blog vous a été utile et que vous en tirez quelques éléments clés que vous