Atelier Paris-Web :
Comment évaluer des composants dynamiques à l'aide d'un lecteur d'écran ?
Sylvie DUCHATEAU
- Braillenet pendant 15 ans
- Access42 depuis 3 ans
- Certifiée Experte NVDA
Florian SANDERS
- Référent Accessibilité numérique - Direction de l'Accessibilité
- Expert accessibilité - Access42 depuis 2016
Pour commencer !
Lecteur d'écran :
- Déjà entendu parler ?
- Déjà utilisé ?
Lecteur d'écran : quézaco ?
- Un logiciel qui restitue l'information affichée à l'écran à l'aide d'une synthèse vocale et/ou d'un terminal braille.
- Analyse l'information graphique et la reformate en texte
- Se pilote exclusivement à l'aide du clavier.
- Fournit des raccourcis de navigation (titres, listes, liens...).
- Chaque système d'exploitation a ses lecteurs d'écran.
Configurer la bête sous Windows
- Synthèse vocale
- Paramètres vocaux (voix, débit, hauteur, volume, verbosité...)
- Mode formulaire / Application
- Visionneuse de parole
- Modules complémentaires (Focus Highlight, commandes supplémentaires...)
Configuration - Les ressources utiles
Configurer la bête sous Mac
- Tabulation sous Safari
- Synthèse vocale
- Paramètres vocaux (voix, débit, hauteur, volume, verbosité...)
- Paramètres Web
- Navigation rapide
Configuration - Les ressources utiles
Mode navigation vs Mode formulaire
- Mode navigation : fournit des raccourcis pour se déplacer rapidement dans la page
- Mode formulaire : désactive les raccourcis pour rétablir les comportements claviers natifs (pour pouvoir taper du texte dans un champ par exemple)
- Activé manuellement ou automatiquement selon les cas et les configurations des lecteurs d'écran.
ARIA, Motifs de conception... Et puis quoi encore ?
- définir les composants d'interface et de structure
- informer des état et des propriétés des composants d'interface
- mises à jour de contenus dynamiques
- composants utilisables au clavier
Base de référence
- RGAA exige de tester la restitution avec la base de référence
- technologie d'assistance + système d'exploitation + navigateur
- combinaisons de 3 navigateurs
- Composant accessible si restitution correcte sur une des deux combinaisons
Avant le grand saut, équipons-nous !
Slider - exemples
Mon premier slider
Choisir le tarif maximum recherché
Coût : 10 €
Mon second slider encore mieux
Coût : 1 €
Mon troisième slider super top
Coût : 300 €