Dix conseils pour des sites Web accessibles
Nous savons tous que la création de conceptions accessibles est importante, mais combien d'entre nous en tiennent vraiment compte lors de la création d'un site? Voici quelques étapes simples et efficaces pour rendre votre site accessible à tous.
Explorez les ressources de conception
1. Validez votre XHTML et CSS
La validation de votre code peut souvent vous conduire à découvrir des problèmes que vous n'aviez pas remarqués auparavant. Des éléments tels que des balises non fermées et mal saisies qui semblent bien dans votre navigateur, mais pourraient causer des problèmes lorsqu'ils sont vus par d'autres. Les deux principaux outils dont vous avez besoin sont un validateur XHTML et un validateur CSS.
2. Ajouter un texte alternatif pour les images
Tout le monde n'a pas activé les images dans son navigateur, et de nombreuses personnes utilisent des programmes de synthèse vocale car elles souffrent de problèmes de vue. La fourniture d'un texte alternatif pour les images via l'attribut alt garantit que les images ont une description et peuvent être interprétées par les visiteurs. Il vous aide également à site lors de l'indexation par les moteurs de recherche.
3. Assurez-vous que votre site fonctionne sans JavaScript
Comme pour les images, de nombreuses personnes naviguent avec JavaScript désactivé (près de 6% au moment de la rédaction). Il s'agit d'un nombre assez élevé et il convient de s'assurer que votre site Web fonctionne correctement sans JavaScript. S'y fier trop peut aliéner certaines personnes de votre public.
4. Utilisez CSS pour séparer le contenu et la mise en forme
En tant que site Web qui présente et promeut l'utilisation des feuilles de style en cascade, il n'est pas surprenant de les voir mentionnées ici. L'utilisation de CSS empêche la mise en forme de vos pages et garantit que les navigateurs peuvent ajouter leurs propres règles pour augmenter le contraste des pages et les visualiser plus facilement.
5. Fournissez une feuille de style à contraste élevé
Pourquoi ne pas créer une deuxième feuille de style pour votre site Web qui réduit ou supprime la couleur et rend le contraste plus élevé. Placez le lien pour activer ce style en haut de la page afin que les utilisateurs malvoyants puissent voir le contenu de votre site Web.
6. Assurez-vous que le texte du lien est descriptif
Plutôt que d'écrire simplement «cliquez ici» ou «en savoir plus», rendez vos liens plus descriptifs. Nous tombons tous dans ce piège de temps en temps, mais un lien significatif peut être compris beaucoup plus facilement et améliore l'accessibilité.
7. Ajouter des liens "Passer au contenu" sur les pages
Plutôt que de faire défiler les gens au-delà de l'en-tête répétitif sur chaque page de votre site Web, incluez un lien qui leur permet de passer au contenu principal plus bas dans la page. Cela permet de gagner du temps, en particulier sur les navigateurs de synthèse vocale qui lisent toutes les informations sur la page.
8. Assurez-vous que chaque formulaire comporte des balises d'étiquette
En étiquetant correctement les entrées sur vos formulaires, vous pourrez les interpréter et les remplir beaucoup plus facilement par des navigateurs accessibles.
9. N'ouvrez pas les liens dans une nouvelle fenêtre
Bien qu'il soit tentant de créer un lien vers d'autres sites Web dans une nouvelle fenêtre, c'est vraiment une mauvaise pratique. Tout le monde sait comment utiliser un bouton «Retour», mais lorsque le besoin se fait sentir de fermer des fenêtres et d'en suivre plusieurs à la fois, de nombreux internautes peuvent être confus et ennuyés.
10.Faites une déclaration d'accessibilité
Le fait d'avoir une déclaration sur une page de votre site Web montrera aux gens les fonctionnalités d'accessibilité que vous proposez et expliquera comment ils peuvent naviguer facilement sur votre site. Expliquez comment activer votre feuille de style à contraste élevé et où se trouvent vos liens «Passer au contenu». Les gens vous seront reconnaissants de leur expliquer clairement.
