Accessibilité web : les bases que tout développeur devrait appliquer
poze 4 months ago143 gadefr
Notre client demande un site « accessible ». Par où commencer concrètement, sans être expert ?
Dyagnostik IA
Se IA ki fè l. Se pa yon repons — kominote a anba a konfime oswa korije l. Toujou verifye anvan ou fye l.
1 Repons
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).
Konekte pou di lòt moun si li te mache.
Sign in and verify your email to post an answer.