Lecteurs d'écran

Les lecteurs d’écran transforment l’interface visuelle en retour audio ou braille. TDS garantit la compatibilité avec les lecteurs d’écran les plus répandus.

Lecteurs d’écran supportés

Lecteur	Système	Navigateur recommandé
NVDA	Windows	Firefox
JAWS	Windows	Chrome ou Firefox
VoiceOver	macOS / iOS	Safari
TalkBack	Android	Chrome
Orca	Linux	Firefox

Règles ARIA dans TDS

Boutons et actions

<!-- État pressé (toggle) -->
<button type="button" aria-pressed="false">Activer les notifications</button>

<!-- État étendu (accordion, dropdown) -->
<button type="button" aria-expanded="false" aria-controls="menu-content">
  Options
</button>

<!-- Bouton chargement -->
<button type="button" aria-busy="true" aria-label="Envoi en cours, veuillez patienter">
  Envoi en cours…
</button>

Formulaires

<!-- Champ requis -->
<input type="text" required aria-required="true">

<!-- Champ en erreur -->
<input type="text" aria-invalid="true" aria-describedby="champ-erreur">
<p id="champ-erreur" role="alert">Ce champ est requis.</p>

<!-- Aide contextuelle -->
<input type="text" aria-describedby="champ-aide">
<p id="champ-aide">Format attendu : JJ/MM/AAAA</p>

Live regions

<!-- Annonces polies (non urgentes) -->
<div role="status" aria-live="polite" aria-atomic="true">
  Vos modifications ont été enregistrées.
</div>

<!-- Annonces assertives (erreurs critiques) -->
<div role="alert" aria-live="assertive">
  Session expirée. Veuillez vous reconnecter.
</div>

Tester avec VoiceOver (macOS)

Activer VoiceOver : Cmd + F5
Naviguer entre les éléments : Ctrl + Option + →
Naviguer entre les titres : Ctrl + Option + Cmd + H
Naviguer entre les formulaires : Ctrl + Option + Cmd + J
Entrer/sortir d’un groupe : Ctrl + Option + Shift + ↓ / ↑

Tester avec NVDA (Windows)

Télécharger NVDA : nvaccess.org
Démarrer NVDA : Ctrl + Alt + N
Naviguer par titres : H
Naviguer par formulaires : F
Naviguer par boutons : B
Liste de tous les éléments : NVDA + F7