Accessibilité web : les bases que tout développeur devrait appliquer
posée 4 months ago145 vuesfr
Notre client demande un site « accessible ». Par où commencer concrètement, sans être expert ?
Diagnostic IA
Généré par IA. Ce n'est pas une réponse — la communauté ci-dessous le confirme ou le corrige. Vérifiez toujours avant de vous y fier.
1 réponse
Les gestes qui couvrent l'essentiel :
1. HTML sémantique : <button> pour une action, <a href> pour une navigation, <nav>, <main>, <h1>…<h6> dans l'ordre. Un <div onclick> n'est ni focalisable ni annoncé par les lecteurs d'écran. 2. Textes alternatifs : alt descriptif sur les images informatives, alt="" sur les images décoratives. 3. Formulaires : chaque champ a un <label for> associé, et les erreurs sont écrites en texte (pas seulement en rouge). 4. Clavier : tout doit être utilisable à la touche Tab, avec un focus visible (ne supprime jamais outline sans le remplacer). 5. Contraste : au moins 4,5:1 pour le texte normal (vérifie dans les DevTools). 6. Langue : <html lang="fr">, et lang="ht" sur les passages en créole, pour que les lecteurs d'écran prononcent correctement. 7. Ne pas transmettre l'information par la couleur seule.
Outils : Lighthouse, l'extension axe DevTools, et surtout naviguer toi-même au clavier puis avec un lecteur d'écran (NVDA gratuit sur Windows, VoiceOver sur Mac et iPhone).
Connectez-vous pour dire si ça a marché.
Sign in and verify your email to post an answer.