Dans le cadre de notre série dédiée à l’Accessibilité Web cette checklist représente un outil opérationnel essentiel pour les professionnels du numérique. Après avoir exploré les concepts généraux, il est temps de passer à la pratique : comment concrètement rendre un site web véritablement accessible ?
Checklist Technique
1. Structure HTML
- Utiliser des balises sémantiques (
<header>,<nav>,<main>,<footer>) - Implémenter correctement les niveaux de titres (H1 à H6)
- Ajouter des landmarks ARIA
- Fournir un
langprécis sur la balise<html>
2. Texte et Typographie
- Ratio de contraste minimum 4.5:1
- Taille de police minimale 16px
- Interlignage de 1.5
- Textes alignés à gauche
- Éviter les textes en majuscules
3. Images et Médias
- Textes alternatifs descriptifs pour chaque image
- Sous-titres pour les vidéos
- Transcriptions pour les contenus audio
- Descriptions audio optionnelles
4. Navigation
- Navigation possible au clavier
- Indication claire du focus
- Liens avec intitulés explicites
- Sauts de navigation
- Menu atteignable sans souris
5. Formulaires
- Étiquettes explicites
- Champs obligatoires identifiés
- Messages d’erreur clairs
- Validation accessible
- Support des technologies d’assistance
6. Interactions
- Alternatives aux interactions gestuelles
- Temps suffisant pour les interactions
- Possibilité d’interrompre/mettre en pause
- Pas de contenu clignotant
Checklist Éditoriale
Rédaction Inclusive
- Langage simple et clair
- Phrases courtes
- Éviter le jargon technique
- Définir les acronymes
- Utiliser un vocabulaire neutre
Design
- Design épuré
- Zones de clic suffisamment grandes
- Cohérence des interfaces
- Modes clairs/sombres
- Personnalisation possible
Outils de Validation
- WAVE Web Accessibility Tool
- AChecker
- aXe DevTools
- Google Lighthouse
- Deque Axe
Ressources Complémentaires
- W3C Web Accessibility Initiative
- WebAIM
- A11Y Project