12 conseils pour un site Web plus accessible
Rendre votre site Web accessible à tous n'est pas seulement un devoir moral, c'est une obligation légale. De nombreuses organisations, dont le Comité international olympique, ont été poursuivies pour ne pas avoir rendu leurs sites Web suffisamment accessibles. Avec 50 millions d'Américains souffrant d'un handicap ou d'un autre, l'amélioration de l'accessibilité de votre site a également un sens commercial clair.
Ce ne sont pas seulement ceux qui sont étiquetés comme «handicapés» qui ont tout à gagner. La recherche suggère que 57% des utilisateurs d'ordinateurs adultes bénéficieront d'une meilleure accessibilité de quelque sorte. Seuls 19% des sites Web répondent actuellement aux exigences d'accessibilité les plus élémentaires, vous pouvez donc vraiment vous démarquer de la concurrence en apportant quelques modifications à votre site.
Dans cet article, nous explorons 12 façons dont vous pouvez rendre votre site plus accessible. Certaines méthodes sont très bon marché et rapides à mettre en œuvre, d'autres nécessitent un peu plus de temps et d'investissement financier, mais vous devez les considérer comme des opportunités commerciales. Avec Internet si central dans toutes nos vies de nos jours, 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é par le Worldwide Web Consortium, appelé WAI-ARIA. Ces documents définissent essentiellement les façons dont les développeurs doivent ajouter des métadonnées au HTML pour une meilleure accessibilité.
2. Amélioration progressive
L'amélioration progressive signifie la conception d'un site Web en couches afin que tout le monde puisse accéder aux fonctions les plus élémentaires et que les utilisateurs disposant d'une meilleure bande passante et de navigateurs avancés puissent voir une version améliorée. Les sites construits en utilisant une stratégie d'amélioration progressive peuvent être lus beaucoup plus facilement par un logiciel de lecture d'écran, utilisé par des personnes ayant divers handicaps.
3. Contenu alternatif
Il est absolument essentiel que vous fournissiez un équivalent texte pour le contenu non textuel de votre site. Les images et les vidéos ont besoin d'étiquettes pour que les personnes utilisant un logiciel de lecture d'écran puissent savoir exactement ce qui se trouve sur une page. Les liens ont également besoin de balises de titre pertinentes.
4. Légendes
De plus, les astags, les images, les clips audio et vidéo ont besoin de sous-titres 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 encore, fournissez une transcription complète. N'oubliez pas, les sous-titres aident aussi beaucoup au référencement.
5. Logiciel de lecture d'écran
La plupart des personnes aveugles et malvoyantes utilisent un logiciel de lecture d'écran lors de la navigation sur des sites Web. L'une des meilleures façons de vous assurer que votre site Web leur est accessible consiste à essayer d'utiliser le même logiciel vous-même. Éteignez votre moniteur et exécutez le logiciel pour savoir exactement ce que votre site dit à ces précieux lecteurs et clients potentiels. Si le logiciel commence à jaillir du charabia, vous savez que vous devez apporter quelques modifications!
6. Audit
Aucune quantité de tests d'accessibilité que vous effectuez vous-même ne peut être comparée à un véritable spécialiste qui jette un œil expert sur votre site. Il existe un certain nombre d'entreprises et de particuliers qui effectueront pour vous un audit d'accessibilité, vous indiquant exactement les changements que vous devez apporter.
7. Tests d'utilisabilité
Les tests d'utilisabilité sont un autre moyen précieux d'identifier les problèmes d'accessibilité potentiels avec votre site. Demandez à un groupe de personnes ayant des besoins différents d'essayer votre site pour de vrai, de naviguer et d'effectuer des tâches. Ils seront en mesure de vous parler en détail de tous les problèmes qu'ils rencontrent, dont beaucoup, vous trouverez forcément, ne seront pas inclus dans les directives WAI-ARIA.
8. Feuilles de style
Lorsque vous créez ou remodelez votre site, assurez-vous que vos feuilles de style autorisent des tailles de police variables et n'utilisent jamais de polices fixes. Vous seriez surpris par le nombre d'utilisateurs, des personnes âgées aux personnes ayant une vue légèrement médiocre, qui redimensionnent régulièrement leurs polices.
9. Contrôles des polices
Les utilisateurs de Firefox et d'Internet Explorer peuvent agrandir les polices, mais beaucoup de gens ne le savent pas et d'autres utilisent toujours des navigateurs plus anciens qui n'ont pas cette capacité. Pour eux, envisagez d'incorporer des contrôles de redimensionnement des polices dans votre site.
10. Cohérence
La cohérence dans la conception d'une page à l'autre est vraiment importante pour les personnes qui ne peuvent pas voir une page entière d'un seul coup d'œil et celles qui utilisent des lecteurs d'écran. Si votre site est cohérent, avec les mêmes choses au même endroit sur chaque page, il pourra naviguer beaucoup plus facilement. Les utilisateurs voyants trouvent souvent la cohérence également bénéfique.
11. Texte pour la navigation
Évitez à tout prix d'utiliser des images pour naviguer sur votre site. Utilisez plutôt du texte. Les lecteurs d'écran peuvent le comprendre et il est beaucoup plus facile de redimensionner. Si vos commandes de navigation ne peuvent pas être agrandies, assurez-vous qu'elles sont écrites dans une police claire, d'au moins 16 points.
12. Couleurs
L'utilisation de différentes couleurs dans les sites Web est excellente, mais vous devez considérer comment elles fonctionnent ensemble pour créer une image claire. Les couleurs du premier plan et de l'arrière-plan doivent être suffisamment contrastées et vous pouvez oublier d'utiliser du texte gris clair, c'est 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 filmez une mise en page. Sans paraître trop égoïste, garantir que votre site Web répond aux normes d'accessibilité signifie une chose: des clients plus satisfaits. Et tu sais ce que ça veut dire!
Utilisez les commentaires ci-dessous pour nous dire si vous êtes d'accord avec les conseils ci-dessus et comment vous avez rendu votre site plus accessible.
