À la découverte des
lecteurs d’écran

Sylvie Duchateau

Microsoft User Group, Lyon – 25 octobre 2018

Support de présentation

a42.fr/mug2018

Sylvie Duchateau

  • Consultante en accessibilité numérique.
  • Trésorière de l'Association Nationale des Maîtres de Chiens Guides, ANMCGA.
  • Email : sduchateau@access42.net
  • Twitter : @sylduch

Access42

  • Coopérative (SCOP) et entreprise solidaire d’utilité sociale (ESUS), spécialisée en accessibilité numérique.
  • 9 personnes et une chienne-guide.
  • Accompagnement/stratégie, conseil, audit et formations.
  • Rédaction du RGAA 3.
  • Ressources et outils sous licence libre.
  • Pour mieux nous connaître : a42.fr/liberee

Merci à mes collègues, pour leurs conseils et leur soutien.

L’équipe d’Access42

Petit sondage

  • Avez-vous déjà entendu parler de « lecteur d’écran » ?
  • En avez-vous déjà utilisé un ?

L’accessibilité, c’est permettre aux personnes handicapées de jouir pleinement de leurs droits et de leurs libertés fondamentales en levant les barrières qu’elles peuvent rencontrer.

L’accessibilité numérique s’inscrit dans cette démarche d’égalité et constitue un enjeu politique et social essentiel afin de garantir à tous, sans discrimination, le même accès à l’information et aux services en ligne.

Lecteur d’écran
quézaco ?

  • Logiciel qui restitue l’information affichée à l'écran via
    une synthèse vocale et/ou un terminal braille.
  • Se pilote exclusivement à l'aide du clavier.
  • Fournit des raccourcis de navigation (titres, listes, liens…).
  • Spécifique à l’OS (NVDA, JAWS, VoiceOver).

Quels utilisateurs ?

  • Personnes aveugles.
  • Personnes très malvoyantes.
  • Personnes ayant des difficultés de lecture : par exemple, personnes DYS.

Configurer NVDA (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…).

Ressources utiles

Télécharger NVDA

Configurer : NVDA, JAWS

Configurer VoiceOver (Mac)

  • Tabulation sous Safari.
  • Synthèse vocale.
  • Paramètres vocaux (voix, débit, hauteur, volume, verbosité…).
  • Paramètres web.
  • Navigation rapide.

Ressources utiles

Configurer : VoiceOver

Modes d’interaction

Activation manuelle ou automatique selon la configuration

Mode navigation

Les touches du clavier sont autant de
raccourcis pour se déplacer rapidement dans la page.

Mode formulaire

Le clavier reprend son fonctionnement natif
(pour pouvoir taper du texte dans un champ par exemple).

Exemples

Formulaire inaccessible

Créer un compte sur fnac.com

Formulaire accessible

Créer un compte sur eBay

Fin de la démo

Place à la pratique

a42.fr/25102018

Mon premier slider

Choisir le tarif maximum recherché

Coût : 10 €

Mon second slider super top

Choisir le tarif maximum recherché

Coût : 300 €

ARIA

Accessible Rich Internet Application

  • 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.

Kit de survie du développeur ARIA Tome 1 - Tome 2 - Tome 3

inaccessible

Frichti (cliquer sur « Mon compte »)

Exemples de fenêtres modales

accessible

EasyJet (cliquer sur « Se connecter »)

Merci de votre attention !

Des questions ?

Gardons contact ! 😊