Daltonisme
Environ 1 homme sur 12 et 1 femme sur 200 perçoit les couleurs différemment.
Ce qui change
- Ne jamais coder une information avec la couleur seule
- Contraste texte/fond suffisant (WCAG AA ≥ 4.5:1)
- Tester ses palettes avec un simulateur de daltonisme
- Dans les graphiques, préférer motifs et libellés directs
Basse vision
Plus de 2 milliards de personnes vivent avec une déficience visuelle non corrigée.
Nous proposons un accompagnement personnalisé, adapté à ses besoins spécifiques.
Nous proposons un accompagnement personnalisé, adapté à ses besoins.
Ce qui change
- Texte de base à 16px minimum, 18px pour un meilleur confort
- Contraste fort, jamais de gris clair sur blanc
- Le texte reste lisible zoomé à 200% sans casser la mise en page
- L'information ne repose jamais sur la seule taille d'un élément
Cécité totale
Une personne aveugle navigue avec un lecteur d'écran, qui lit à voix haute la structure de la page. Écoutez la différence.
Un vrai bouton, avec un intitulé clair et un rôle explicite.
Ce qui change
- Texte alternatif descriptif sur chaque image porteuse de sens
- Utiliser de vrais éléments HTML (button, nav, header) plutôt que des div stylées
- Un lien "Aller au contenu" pour sauter la navigation répétitive
- Chaque champ de formulaire associé à un label explicite
Surdité & malentendance
Vidéos sans sous-titres et alertes purement sonores excluent les personnes sourdes ou malentendantes.
Ce qui change
- Sous-titres synchronisés sur toute vidéo avec dialogue
- Transcription texte disponible pour les contenus audio
- Toute alerte sonore doublée d'un signal visuel clair
- Éviter de faire reposer une instruction sur le son seul
Handicap moteur
Tremblements, précision réduite, navigation au clavier : 1 personne sur 6 vit avec une limitation motrice.
Ce qui change
- Zones cliquables d'au moins 44×44px, espacées entre elles
- Toute action à la souris doit l'être aussi au clavier (tab, entrée)
- Éviter les gestes précis ou rapides (glisser-déposer, double-clic)
- Pas de limite de temps stricte pour compléter une action
Troubles cognitifs & dyslexie
Dyslexie, TDAH, charge mentale : un texte dense et un vocabulaire technique découragent avant la lecture.
Conformément aux dispositions contractuelles en vigueur, toute résiliation anticipée doit faire l'objet d'une notification écrite adressée par voie postale recommandée dans un délai de trente jours calendaires précédant l'échéance annuelle du contrat.
- Écrivez-nous 30 jours avant la date anniversaire du contrat
- Envoyez votre courrier en recommandé
- Sans ce courrier, le contrat se renouvelle automatiquement
Ce qui change
- Phrases courtes, une idée par phrase, vocabulaire simple
- Listes à puces plutôt que paragraphes denses
- Texte aligné à gauche, jamais justifié
- Hiérarchie visuelle claire et repères constants
Photosensibilité & épilepsie
Certaines animations très contrastées et rapides peuvent déclencher des crises chez les personnes photosensibles.
En réalité, ce type de bannière clignote plusieurs fois par seconde en fort contraste — un vrai risque pour les personnes épileptiques.
⚠ Le vrai clignotement (plusieurs flashs/seconde, fort contraste) n'est pas reproduit ici par sécurité.
Même message, sans clignotement : une transition douce ou une bannière statique suffit.
Ce qui change
- Aucun contenu ne doit clignoter plus de 3 fois par seconde
- Respecter la préférence système "mouvement réduit" (prefers-reduced-motion)
- Préférer les transitions douces aux flashs ou clignotements
- Proposer un bouton pour couper les animations non essentielles