Comprendre

Qu'est-ce que le TSA ?

Le Trouble du Spectre Autistique (TSA) est un handicap neurodéveloppemental, pas une maladie. Il se caractérise par des particularités dans la communication, l'interaction sociale, et une sensibilité sensorielle variable (hyper ou hyposensibilité). Le TSA est un spectre : les besoins varient énormément d'une personne à l'autre.

Comme le souligne l'article de référence des 24 Jours de Web (2023), basé sur des entretiens avec des personnes autistes travaillant dans le web : la majorité des critères WCAG et RGAA traitent des handicaps visuels, physiques et auditifs. L'autisme est encore sous-représenté dans les référentiels, mais de nombreux critères s'appliquent indirectement.

🔷 Particularités sensorielles

  • Hypersensibilité aux stimuli visuels (couleurs vives, animations)
  • Hypersensibilité aux stimuli sonores (autoplay audio)
  • Certaines textures visuelles sont désagréables (patterns répétitifs)
  • Les contenus clignotants peuvent être très perturbants

🔷 Besoin de prévisibilité

  • Les changements de contexte non annoncés sont déstabilisants
  • Les métaphores, l'ironie, le second degré sont difficiles à décoder
  • Les instructions doivent être littérales et non ambiguës
  • Les comportements inattendus des interfaces créent de l'anxiété

🔷 Lecture et traitement

  • Temps de traitement de l'information souvent plus long
  • Besoin de relire plusieurs fois pour être certain de comprendre
  • Certaines personnes utilisent des lecteurs d'écran même avec une bonne vision
  • Les CAPTCHA textuels/visuels sont particulièrement difficiles
Code

Bonnes pratiques pour le TSA

✗ Ce qui crée des barrières

  • Sons ou vidéos qui se lancent automatiquement
  • Pop-ups inattendus qui interrompent la navigation
  • Comportements incohérents d'une page à l'autre (même bouton, résultats différents)
  • Texte qui utilise des métaphores sans les expliquer ("plongez dans notre univers")
  • CAPTCHA complexes ou basés sur la reconnaissance d'images subjectives
  • Erreurs de formulaire qui effacent tout ce qui a été saisi
  • Notifications intrusives et fréquentes

✓ Ce qui aide

  • Langage clair, direct, sans métaphore ni tournure ambiguë
  • Comportements prévisibles : un clic = une action, toujours la même
  • Pas de changement de contexte sans avertissement explicite
  • Conserver les données saisies en cas d'erreur de formulaire
  • Toujours proposer une alternative aux CAPTCHA visuels
  • Mode "pas de distracteurs" (pas d'animations, pas de notifications)
  • Instructions textuelles claires accompagnées d'exemples concrets

Éviter les changements de contexte non annoncés (WCAG 3.2.1 et 3.2.2) :

<!-- ✗ Mauvais : navigation au changement de valeur --> <select onchange="window.location = this.value"> <option value="/fr">Français</option> </select> <!-- ✓ Correct : bouton explicite pour confirmer l'action --> <form> <label for="langue">Choisir la langue</label> <select id="langue" name="langue"> <option value="fr">Français</option> <option value="en">English</option> </select> <button type="submit">Appliquer la langue</button> </form> <!-- ✓ Empêcher l'autoplay (WCAG 1.4.2) --> <video controls preload="metadata"> <!-- Pas d'attribut "autoplay" --> <source src="video.mp4" type="video/mp4"> </video>
WCAG 2.2 & RGAA 4.1

Critères clés pour le TSA

WCAG 1.4.2 — A Contrôle du son : tout audio démarrant automatiquement et durant plus de 3 secondes doit pouvoir être coupé, mis en pause ou son volume réduit.
WCAG 2.3.1 — A Pas plus de 3 flashs par seconde : critique pour les personnes photosensibles, mais aussi très perturbant pour certaines personnes autistes avec hypersensibilité visuelle.
WCAG 3.2.1 — A Au focus : recevoir le focus ne doit pas provoquer un changement de contexte inattendu (navigation automatique, ouverture de modale, etc.).
WCAG 3.2.2 — A À la saisie : changer la valeur d'un champ ne doit pas déclencher automatiquement une action (navigation, rechargement de page).
WCAG 3.3.7 — A Authentification accessible : ne pas imposer de test cognitif (CAPTCHA) sans alternative. Les CAPTCHA visuels complexes sont particulièrement excluants pour le TSA.

Récapitulatif — À retenir pour le TSA

Langage clair et direct Pas d'autoplay Comportements prévisibles Pas de changement de contexte Alternative au CAPTCHA Données conservées après erreur Pas de flashs

Sources vérifiées