Accessibilité web : les bases que tout développeur devrait appliquer
asked 4 months ago146 viewsfr
Notre client demande un site « accessible ». Par où commencer concrètement, sans être expert ?
AI diagnosis
AI-generated. Not an answer — the community below confirms or corrects it. Always verify before relying on it.
1 Answer
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).
Sign in to tell others whether this worked.
Sign in and verify your email to post an answer.