Un numérique accessible pour les personnes handicapées, c’est pour quand ?

Sylvie Duchateau

Faiseuses du web – 28 mai 2021

Transcription et support de présentation

a42.fr/faiseusesduweb

Sylvie Duchateau

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

Access42

  • Coopérative (SCOP) et entreprise solidaire d’utilité sociale (ESUS), spécialisée en accessibilité numérique.
  • 15 personnes et une chienne-guide.
  • Accompagnement, conseil, audit et formations.
  • Rédaction du RGAA 3 et de son écosystème de ressources.
  • Ressources et outils sous licence libre.
  • Twitter : @access42net

Au programme

  1. Les personnes handicapées et le numérique.
  2. Exemples d’erreurs d’accessibilité.

Handicap et accessibilité

Qu’est-ce que l’accessibilité ?

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 garantit aux personnes handicapées, sans discrimination, le même accès à l’information, aux produits et aux services numériques que quiconque.

L’accessibilité numérique en France

Loi de 2005 « sur l’égalité des chances, la participation et la citoyenneté des personnes handicapées », mise à jour en 2016 et en 2018.

Sont concernés par l’obligation d’accessibilité numérique :

  • le secteur public ;
  • les personnes morales de droit privé délégataires d’une mission de service public ;
  • les personnes morales de droit privé constituées pour satisfaire un besoin d’intérêt général autre que financier ou commercial ;
  • les entreprises privées dont le chiffre d’affaires annuel excède 250 millions d’euros.

En savoir plus : a42.fr/loi

Implémenter l’accessibilité

  • RGAA : Référentiel général d’amélioration de l’accessibilité.a42.fr/rgaa4
  • Ressources pour les designers :
  • Autres ressources métier par profil (développement, gestion de projets…) et type d’interfaces (web, mobile) : a42.fr/ress-rgaa

Les personnes handicapées
et le numérique

Utilisation du numérique en France

  • Plus de 88% des Français utilisent Internet.
  • 77% se servent d’un smartphone, plus utilisé pour surfer sur Internet qu’un ordinateur, notamment par les jeunes.
  • 62% des personnes interrogées ont fait un achat sur Internet au cours de l’année.
  • 60% sont inscrites sur les réseaux sociaux.
  • 68% pensent qu’avoir accès à Internet est une condition nécessaire pour se sentir intégré dans la société.
  • Le numérique simplifie les démarches avec l’administration mais la complexité des démarches est un frein à l’utilisation de l’e-administration.

Source : Baromètre du numérique 2019 

Handicap en France 12 millions de personnes concernées

= 1 personne sur 5.

Handicaps visuels Handicaps auditifs Handicaps moteurs Handicaps mentaux, cognitifs et psychiques

Sources :

Une diversité de handicaps

  • Handicaps physiques et sensoriels :
    • visuels,
    • auditifs,
    • moteurs.
  • Handicaps mentaux :
    • handicaps intellectuels,
    • handicaps cognitifs (troubles DYS),
    • handicaps psychiques.
  • Polyhandicap : un handicap moteur ou sensoriel + mental ;
  • Troubles de santé invalidants : cancer, douleurs chroniques, allergies…

Chaque personne est différente.

Technologies d’assistance

  • Plage braille
  • Clavier monomanuel
  • Head-stick
  • Eye tracker
  • Lecteur d’écran
  • Clavier visuel
  • Contacteur au souffle
  • Trackball
  • Contrôle par la pensée
  • etc.
plage braille, clavier monomanuel, headstick, eye tracker, lecteur d’écran, contacteur à souffle, casque neuronal, licorne, clavier virtuel

Le numérique : une promesse d’émancipation et d’autonomie (1)

Indépendance et autonomie renforcées

Accomplir au quotidien des tâches jusqu’alors impossibles en toute autonomie, sans dépendre de l’aide d’une tierce personne.

Lire un document, remplir un formulaire, se renseigner, prendre un rendez-vous, faire ses courses, sociabiliser, communiquer, etc.

Le numérique : une promesse d’émancipation et d’autonomie (2)

Témoignages

Le numérique en 2021 :
un rendez-vous manqué

Frustration et exclusion au quotidien

L’immense majorité des contenus numériques est inaccessible.

Les personnes handicapées continuent à être exclues de la société.

Citation de Céline Boeuf

« Y’a des fois, ça bloque tout de suite comme ça on est au courant, y’a pas de soucis, on n’insiste pas.

Mais on peut passer une heure, une heure et demie sur le site, remplir son panier bien consciencieusement et ne jamais réussir à renseigner une adresse de livraison. »

Les personnes handicapées et l’emploi en 2021

Une situation d’insécurité professionnelle permanente.

  • Taux de chômage 2 fois plus important que celui du reste de la population : 18% contre 10% (source).
  • Risques plus importants de licenciement ou de sous-emploi.
  • Le handicap est le premier motif de discrimination en France, cf. rapport du Défenseur des droits 2020.

Crise sanitaire et accessibilité

  • Isolement des personnes handicapées ne pouvant se rendre sur leur lieu de travail.
  • Nouveaux outils numériques pas toujours accessibles, et impossibilité d’avoir une aide physique des collègues puisque tout le monde est confiné.

Pour aller plus loin :

Exemples d’erreurs d’accessibilité courantes

Textes en image

Alternative présente ? Oui. Alternative pertinente ? Non ! 😱

Contacter le service client Marcel

À qui les textes en images posent-ils problème ? (1)

1. Personnes malvoyantes, dyslexiques ou présentant un trouble cognitif
Leurs besoins

Augmenter la taille du texte, changer de police de caractères, modifier les contrastes, etc., pour pouvoir lire malgré leurs déficiences.

Ce qui pose problème

Impossibilité de lire et donc d’accéder à l’information car les textes en images ne s’adaptent pas à leurs préférences.

À qui les textes en images posent-ils problème ? (2)

2. Personnes utilisant un lecteur d’écran : personnes aveugles, très malvoyantes ou ayant des difficultés de lecture
Leurs besoins

Des alternatives pertinentes aux images porteuses d’information, restituées par les lecteurs d’écran.

Ce qui pose problème

Impossibilité d’accéder à l’information lorsque l’alternative n’est pas ou mal renseignée (par ex. : impossibilité de contacter le service client).

En savoir plus :

Guide « Défauts d’accessibilité : Impacts sur les utilisateurs », Chapitre Images

Solutions 🛠️

  • Remplacer les textes en images par du texte stylé avec HTML/CSS.
  • Ou : Permettre de remplacer les textes en images par du texte stylé avec HTML/CSS à l’aide d’un mécanisme de remplacement.

Attention : le RGAA autorise l’utilisation de textes en images uniquement lorsque la police de caractères utilisée pour le texte présent dans l’image n’est pas reproductible en CSS (logo, police fantaisiste…).

Référence : critère 1.8 du RGAA 4.

Exemple de mécanisme de remplacement : AccessConfig

a42.fr/AccessConfig

Capture d’écran d’AccessConfig

Formulaires

Formulaire à choix multiple

Avez-vous un passeport ?

🤔 Problème : un lecteur d’écran va restituer « Oui » et « Non », mais pas la question correspondante. Ceci parce que la question n’est pas reliée techniquement aux champs.

Formulaire à choix multiple accessible

Avez-vous un passeport ?

😍 Solution : réunir les champs visuellement et techniquement à l’aide des éléments fieldset et legend pour que la question soit bien restituée par les lecteurs d’écran.

Champs aux étiquettes similaires

Passager nº1

Passager nº2

🤔 Problème : il y a une ambiguïté entre les deux champs prénom lorsque l’utilisateur n’a pas une vision globale de la page

Regrouper les champs aux étiquettes similaires

Passager nº1

Passager nº2

😍 Solution : distinguer chacun des champs à l’aide des éléments appropriés, fieldset et legend, permet de lever l’ambiguïté sur la fonction de chacun des champs pour un utilisateur qui n’a pas accès la mise en forme.

En savoir plus :

Autre difficulté dans les formulaires

Captcha image

Exemple vécu : identification par captcha image pour récupérer les résultats du brevet de mon fils

À qui les captchas images posent-ils problème ? (1)

Personnes aveugles ou très malvoyantes

Elles n’accèdent pas au contenu du test, et ne peuvent jamais remplir le code de sécurité.

Personnes ayant des difficultés de décodage de l’écriture (dyslexie par exemple) ou malvoyantes

Impossibilité de lire des caractères qui ont subi une distorsion, et donc de retranscrire le captcha.

En savoir plus :

Solutions 🛠️

Proposer une solution alternative, par exemple :

  • Alternative audio (mais elle doit être audible !)
  • Envoi d’un code par email ou par SMS

Tout le monde doit pouvoir réaliser le test, quelles que soient ses déficiences et ses préférences.

Référence : critère 1.4 et critère 1.5 du RGAA 4.

Documents bureautiques en téléchargement

Des documents souvent inaccessibles

Beaucoup de documents bureautiques en téléchargement sont inaccessibles.

C’est le cas notamment des documents imprimés, signés puis scannés : c’est comme si on recevait une lettre manuscrite, et non un document numérique.

Ça donne quoi, un PDF inaccessible ?

À qui les PDF inaccessibles posent-ils problème ? (1)

1. Personnes malvoyantes, dyslexiques ou présentant un trouble cognitif
Leurs besoins

Adapter la présentation des contenus à l’écran pour pouvoir lire (augmenter la taille du texte, changer de police de caractères, modifier les contrastes, etc.)

Ce qui pose problème

Impossibilité de personnaliser le texte = impossibilité de lire.

À qui les PDF inaccessibles posent-ils problème ? (2)

2. Personnes utilisant un lecteur d’écran : personnes aveugles, très malvoyantes ou ayant des difficultés de lecture
Leurs besoins

Accéder à l’information avec un lecteur d’écran.

Ce qui pose problème

Le contenu est restitué comme une image sans alternative : accès à l’information impossible.

Recours éventuel à un logiciel de numérisation, ou à une tierce personne pour lire le document… ≠ autonomie.

Solutions 🛠️

Fournir une version accessible en plus du document téléchargeable inaccessible, par exemple :

  • au format HTML ;
  • au format Word structuré avec des titres, listes, etc.

Référence : critère 13.3 et critère 13.4 du RGAA 4.

Vérificateur d’accessibilité dans Word
L’outil remonte des alertes sur la structure du document et l’ordre de lecture.

Pour en savoir plus : Guide sur les lecteurs d’écran

a42.fr/lecteurs-ecran

En résumé

  • Prendre en compte l’accessibilité dès le début du projet.
  • Se former aux règles d’accessibilité : tous les métiers du numérique sont concernés !
  • Favoriser la conception et les tests impliquant les personnes concernées, et croiser les retours.
  • Éviter de « se mettre à la place des utilisateurs ».
  • En interne, avoir une personne référente en accessibilité numérique aide beaucoup !

Nos ressources sur l’accessibilité numérique

Merci de votre attention !

Des questions ?

Suivez-nous sur Twitter : @access42net

  • Script de diaporama AccesSlide développé par Access42 sous licence GPL.
  • Icône PDF par Yamini Ahluwalia pour the Noun Project.