Développement Web Axé sur l'Accessibilité
La plupart des entreprises posent les mauvaises questions lors de la création d'un site web. Elles ne se demandent pas si tout le monde peut l'utiliser.
Elles conçoivent des sites pour des personnes disposant d'ordinateurs portables rapides et d'une vision parfaite. Elles oublient la personne qui utilise un lecteur d'écran. Elles oublient l'utilisateur qui se repose sur un clavier plutôt que sur une souris. Elles oublient la personne qui a besoin de mises en page claires pour comprendre le contenu.
Si votre site ne fonctionne pas pour ces personnes, il ne fonctionne pas.
L'accessibilité est souvent un élément de la liste de contrôle de dernière minute. C'est une erreur. Concevoir avec l'accessibilité à l'esprit dès le premier jour permet de créer de meilleurs sites web. Vous obtenez des temps de chargement plus rapides, un code plus propre et un meilleur SEO.
Voici un cadre pratique à suivre :
Utilisez du HTML sémantique Utilisez les bons éléments pour les bonnes tâches. Un bouton doit être un bouton dans le code. Utiliser une div stylisée à la place d'un bouton rend votre site invisible pour les outils d'assistance. Corriger cela plus tard coûte cher. Le faire maintenant est gratuit.
Concevez pour la navigation au clavier De nombreux utilisateurs n'utilisent pas de souris. Chaque lien, bouton et formulaire doit fonctionner avec les touches Tab et Entrée. Assurez-vous que l'indicateur de focus est visible afin que les utilisateurs sachent où ils se trouvent sur la page.
Vérifiez le contraste des couleurs Le texte doit se détacher de son arrière-plan. Visez un rapport de contraste d'au moins 4,5:1. Ne vous reposez pas uniquement sur la couleur pour transmettre une signification. Si une erreur ne s'affiche que par un texte rouge, un utilisateur daltonien ne la remarquera pas. Ajoutez une icône ou une étiquette.
Rédigez des textes alternatifs significatifs Arrêtez d'utiliser des noms de fichiers comme "image1.jpg" comme texte alternatif. Décrivez ce que l'image montre et pourquoi c'est important. Si une image n'est que décorative, utilisez un attribut alt vide pour que les lecteurs d'écran l'ignorent.
Testez avec de vrais outils Les outils automatisés ne détectent qu'environ 40 % des problèmes. Vous devez tester avec de véritables lecteurs d'écran comme NVDA, JAWS ou VoiceOver. Si vous vous reposez uniquement sur des logiciels, vous passerez à côté des lacunes réelles.
Lorsque vous concevez pour les cas extrêmes, le centre s'améliore pour tout le monde. Une personne utilisant un téléphone en plein soleil ou un parent tenant un bébé d'une seule main bénéficie de votre conception accessible.
Cessez de traiter l'accessibilité comme une corvée juridique. Traitez-la comme un standard de qualité.