Rendre votre site Web accessible à tous est non seulement un devoir moral, mais aussi une obligation légale. De nombreuses organisations, dont le Comité international olympique, ont été poursuivies en justice pour ne pas avoir rendu leurs sites Web suffisamment accessibles. Avec 50 millions d'Américains souffrant d'un handicap ou d'une autre, l'amélioration de l'accessibilité de votre site a également un sens commercial.
Ce ne sont pas uniquement les personnes qualifiées de «handicapées» qui ont tout à gagner. Les recherches suggèrent que 57% des utilisateurs d’ordinateurs adultes bénéficieront d’une accessibilité améliorée. À l'heure actuelle, seuls 19% des sites Web répondent aux exigences les plus élémentaires en matière d'accessibilité. Vous pouvez donc vraiment vous démarquer de la concurrence en apportant quelques modifications à votre site.
Dans cet article, nous explorons 12 façons de rendre votre site plus accessible. Certaines méthodes sont très peu coûteuses et rapides à mettre en œuvre, d’autres nécessitent un peu plus de temps et d’investissement financier, mais vous devriez les considérer comme des opportunités commerciales. Avec Internet si central dans toutes nos vies ces jours-ci, il est injuste que certaines personnes soient laissées pour compte.
1. WAI-ARIA
Lorsque vous améliorez l'accessibilité de votre site, votre premier port d'escale doit être un ensemble de documents, publiés par le consortium Web mondial, appelé WAI-ARIA. Ces documents expliquent en gros comment les développeurs doivent ajouter des métadonnées au HTML pour améliorer l’accessibilité.
2. Amélioration progressive
L'amélioration progressive consiste à concevoir un site Web en couches de manière à ce que tout le monde puisse accéder aux fonctions les plus élémentaires et que les utilisateurs disposant d'une meilleure bande passante et des navigateurs avancés puissent voir une version améliorée. Les sites construits à l'aide d'une stratégie d'amélioration progressive peuvent être lus beaucoup plus facilement à l'aide d'un logiciel de lecture d'écran, utilisé par des personnes souffrant de divers handicaps.
3. Contenu alternatif
Il est absolument essentiel que vous fournissiez un équivalent textuel pour le contenu non textuel de votre site. Les images et les vidéos nécessitent des balises alt afin que les personnes utilisant un logiciel de lecture d'écran puissent savoir exactement ce qui se trouve sur une page. Les liens nécessitent également des balises de titre pertinentes.
4. Légendes
Outre les balises alt, les images, les clips audio et vidéo ont également besoin de légendes pour que les malvoyants sachent exactement ce qu’ils regardent. Si vous téléchargez des vidéos ou des podcasts, fournissez un paragraphe de texte résumant son contenu ou, mieux, une transcription complète. N'oubliez pas que les légendes aident aussi beaucoup avec le référencement.
5. Logiciel de lecture d'écran
La plupart des aveugles et des malvoyants utilisent un logiciel de lecture d'écran lorsqu'ils naviguent sur des sites Web. L'un des meilleurs moyens de vous assurer que votre site Web leur est accessible est d'essayer d'utiliser le même logiciel vous-même. Éteignez votre moniteur et lancez le logiciel pour savoir exactement ce que votre site dit à ces lecteurs de valeur et à ces clients potentiels. Si le logiciel commence à jongler avec du charabia, vous savez que vous devez apporter des modifications!
6. Audit
Aucune quantité de tests d'accessibilité que vous effectuez vous-même ne peut être comparée à celle d'un vrai spécialiste qui jettera un œil expert sur votre site. Un certain nombre de sociétés et de personnes vont effectuer un audit de l'accessibilité pour vous, vous indiquant exactement les modifications à apporter.
7. Test d'utilisabilité
Les tests d'utilisabilité constituent un autre moyen précieux d'identifier les problèmes d'accessibilité potentiels de votre site. Demandez à un groupe de personnes ayant des besoins différents d'essayer votre site réellement, en naviguant et en effectuant des tâches. Ils seront en mesure de vous informer en détail sur tous les problèmes qu'ils rencontrent, et nombre d'entre eux, vous en trouverez forcément, ne seront pas inclus dans les directives WAI-ARIA.
8. Feuilles de style
Lorsque vous construisez ou modifiez votre site, assurez-vous que vos feuilles de style permettent des tailles de police variables et n'utilisent jamais de polices fixes. Vous seriez surpris de voir combien d'utilisateurs, des personnes âgées aux personnes ayant une vue légèrement mauvaise, redimensionnent régulièrement leurs polices.
9. Contrôles de police
Les utilisateurs de Firefox et Internet Explorer peuvent agrandir les polices, mais beaucoup de personnes n’en ont pas conscience et d’autres utilisent encore des navigateurs plus anciens qui ne disposent pas de cette fonctionnalité. Pour eux, envisagez d'intégrer des contrôles de redimensionnement des polices dans votre site.
10. cohérence
La cohérence de la conception d'une page à l'autre est très importante pour les personnes qui ne peuvent pas afficher une page entière en un coup d'œil et celles qui utilisent des lecteurs d'écran. Si votre site est cohérent et que les mêmes éléments se trouvent au même endroit sur chaque page, ils pourront naviguer plus facilement. Les utilisateurs voyants trouvent souvent la cohérence bénéfique également.
11. Texte pour la navigation
Évitez d'utiliser des images pour la navigation sur votre site, à tout prix. Utilisez du texte à la place. Les lecteurs d'écran peuvent le comprendre et il est beaucoup plus facile de le redimensionner. Si vos commandes de navigation ne peuvent pas être agrandies, assurez-vous qu'elles sont écrites dans une police de caractères transparente d'au moins 16 points.
12. couleurs
Utiliser des couleurs différentes sur des sites Web est une bonne chose, mais vous devez réfléchir à la manière dont ils fonctionnent ensemble pour créer une image claire. Les couleurs de premier plan et d'arrière-plan doivent être suffisamment contrastées et vous pouvez oublier d'utiliser du texte gris clair, il est déjà assez difficile à lire pour les personnes ayant une vision de 20-20. Les liens doivent être d'une couleur différente du reste du texte sur votre site, de préférence bleu et toujours souligné.
Conclusion
L’accessibilité est un aspect souvent négligé de la conception Web, mais c’est quelque chose qui devrait être au cœur de votre processus de conception dès le début lorsque vous filframez une mise en page. Sans paraître trop égoïste, veiller à ce que votre site Web respecte la norme d'accessibilité signifie une chose: des clients plus satisfaits. Et vous savez ce que cela signifie!
Utilisez les commentaires ci-dessous pour nous indiquer si vous êtes d’accord avec les astuces ci-dessus et comment vous avez rendu votre site plus accessible.