Atelier Paris-Web :
Comment évaluer des composants dynamiques à l'aide d'un lecteur d'écran ?

atelier-pw-2017.access42.net

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
Access42

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

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 €

Autocomplete - exemples