Au-delà des considérations sociétales et des réglementations en cours sur ce sujet, l’accessibilité numérique peut être unvéritable avantage concurrentiel, car loin d’être un sujet de niche, elle concerne aujourd’hui près de 15% de la population. Mais comment faire pour rendre vos sites internet, logiciels, applications accessibles aux personnes handicapées ? Quels partenariats nouer pour être accompagné dans le test de vos solutions en amont et en aval ? Pour réussir à atteindre cet objectif d’inclusion, Pascal Guitton vous donne les best practices pour suivre les normes et les standards de développement. En s’appuyant sur la démonstration d’Aiana, un lecteur multimédia développé par Inria pour rendre les MOOC accessibles, vous aurez toutes les clés pour entamer vos projets d’accessibilité.

1. Titre de la présentation
Accessibilité numérique :
pourquoi et comment.
Et les MOOC ?
Pascal GUITTON

2. Potioc

3. Hélène SAUZEON,
Professeure de Psychologie expérimentale
Université de Bordeaux & Inria
Pierre-Antoine CINQUIN
Doctorant
Université de Bordeaux & Inria
Damien CASELLI
Ingénieur
Inria
Les acteurs du projet

4. 1 - L’accessibilité numérique

5. L’accessibilité
D’abord
• Évoque l’accès
- aux bâtiments : rampes inclinées, portes bien dimensionnées
- aux déplacements (voirie, transports…) : trottoirs, bus aménagés
Ensuite
• En fait, multi-formes :
- affichages uniquement visuels (feu de circulation)
- télévision sans sous-titrage
- haut d’un placard dans une cuisine
- clavier pour CB soumis au soleil
• => personnes en situation de handicap (PSH)

6. Les handicaps
Caractéristiques
• Inné, acquis (maladie, accident), évolutif
• Ex : surdité, otite, bruit ambiant
• 3 origines principales
- sensorielle affectant la perception (vision, audition…)
- moteur affectant la capacité à réaliser des mouvements
- cognitive affectant des fonctions cognitives (attention, mémoire…)
Perception
Action Décision

7. 1.1 - L’accessibilité numérique,
de quoi parlons-nous ?

8. L’accessibilité numérique
Le monde numérique
• Il est apparu « récemment » et est devenu central dans nos vies
- se former, s’informer, travailler, se divertir…
• Est-il accessible à tous ?
• Non : accessibilité limitée, voire impossible
- sensoriel: percevoir (lire/entendre) les informations/instructions,
utiliser la souris…
- moteur: utiliser le clavier/la souris, un smartphone…
- cognitif: rester attentif, relativiser les détails…
• => exclusions dues à un environnement inadapté

9. L’inaccessibilité numérique
Une cause de discriminations
• Comment se former, s’informer, travailler, se divertir si l’on souhaite
utiliser les outils numériques ?
Une cause de déceptions
• Le monde numérique est porteur d’améliorations potentielles de la
qualité de vie des PSH
• Au lieu de combler le fossé, on le creuse
Une cause de frustrations
• Il existe un grand nombre de réponses (simples) mais elles sont peu
connues et donc peu utilisées

10. 1.2 - L’accessibilité numérique,
pourquoi faut-il la développer ?

11. Pourquoi faut-il la développer ?
Pour l’individu
• Contribuer à l’auto-détermination de la personne pour son projet de
vie
• Améliorer la qualité de vie : les outils numériques sont parfois la
seule démarche possible
Pour la société
• Contribuer à la rendre plus inclusive en luttant contre les
discriminations

12. Pourquoi faut-il la développer ?
Pour les entreprises, les organisations
• Augmenter le nombre
- de clients d’un logiciel
- de visiteurs d’un site web
• Mieux recruter, insérer, former des collaborateurs
- aider à configurer le poste de travail d’une PSH (logique d’inclusion)
• Augmenter son e-réputation (ne pas être mise au ban)
• Respecter les contraintes imposées par les législations
- France : Loi 2005, RGAA (2009), Loi pour une république
numérique (2016)
- Europe : Directive (2016)
- USA : Rehabilitation Act (Section 508)

13. Pourquoi faut-il la développer ?
Bilan
• Coûts :
- développements supplémentaires
- limite la créativité
• Bénéfices :
- augmenter les ventes, l’impact
- « économiser les amendes »
• Balance positive si accessibilité inclue dès la conception (pas après)
- => Accessibility by design
• Bénéfice bien supérieur : améliorer la qualité de son logiciel/service
- => Accessibility is [part of] usability, Accessibility is usability for all
• L’AN est indispensable à certain.e.s et utile pour tou.te.s

14. 1.3 - L’accessibilité numérique,
comment la développer ?

15. Plusieurs niveaux imbriqués
• Équipements
• Systèmes d’exploitation
• Logiciels
• Contenus : web, documents

16. Équipements matériels
Pour saisir du texte
• Claviers adaptés, suivi de la tête et des yeux,
• Interfaces cerveau-ordinateur (BCI)
Pour restituer des informations
• Terminal Braille, haut-parleurs
• Retours tactiles (impression 3D…)

17. Principes généraux
Perception
• Augmenter le signal : taille, couleur des polices, contrastes, loupes
• Alternatives (textes, graphiques) aux signaux sonores
• Synthèse vocale
• Lecteurs d’écran
Commande
• Optimisations claviers : raccourcis, saisie séquentielle / temporisée
• Commandes trackpad
• Reconnaissance et commande vocale

18. Systèmes d’exploitation

19. Logiciels
Bureautique
Navigateurs web
Environnements de développement
Jeux
Réseaux sociaux

20. Contenus web
W3C
• Réflexion entamée à la création du web : Web for all
• => Web Accessibility Initiative (1996)
• WCAG 2.0 (2008)
- 12 règles simples (Perceptible, Opérationnel, Compréhensible,
Robuste)
- 3 niveaux de conformité (A – AAA)
• « Déclinaisons »
- norme : ISO-CEI 40500:2012
- française : RGAA (V3, 2015), 187 tests

21. Documents numériques
Quelques règles simples
• utiliser les niveaux de titrage fournis pour structurer le document
• identifier clairement les sections et paragraphes
• fournir une alternative textuelle aux images
• fournir une description détaillée des graphiques
• nommer les liens de manière explicite
• mettre à disposition une table des matières pour faciliter la navigation
dans le document
• formater correctement les tableaux, formulaires
• …
Des vérificateurs
• Word, pdf…

22. 2 - Le projet de recherche

23. La scolarisation en France
• 2014 : 85 000 au collège et 22 000 au lycée (4 fois moins)
• 6 % des PSH 20-24 ans ont un diplôme de l’ES vs 30% pour
l’ensemble de la population

24. L’emploi en France
Lois 1987, 2005
• Obligation de 6% d’emplois occupés par des PSH (E > 20 salariés)
AGEFIPH – FIPHP (2011)
• Taux d’emploi
- secteur privé : 3,10%, 370 900 TSH
- secteur public : 4,64%, 196 730 TSH
INSEE (2011)
• 21% des personnes reconnues handicapées sont au chômage (plus
du double de la moyenne nationale)

25. Projet
Objectif
• Contribuer à favoriser l’accès des PSH aux dispositifs numériques
d’enseignement
• Motivations
- construire une société inclusive en luttant contre cette discrimination
- favoriser le recrutement de personnes « bien » formées
Focus
• Dispositifs : MOOC, TP virtuel, serious games…
- leurs IHM
- leurs contenus

26. 2.1 - Les MOOC

27. Les MOOC, depuis quand ?
• Fin 2011 : apparition à Stanford
• Fin 2017: 9400 MOOC, 81 M d’inscrits, 800 universités
• Formation académique et professionnelle
• Cursera, edX, XuetangX, Udacity…

28. Pourquoi les MOOC ?
Parce qu’ils sont
• Flexibles, configurables et donc autorisent
- tous types de contenus et de sujets
- l’intégration de pédagogies adaptées
- la personnalisation de l’enseignement
• Accessibles en ligne (réinsertion, formation continue)
• Gratuits (large diffusion)
• Inria MOOC Lab

29. « Pourquoi pas » les MOOC ?
• Ils ne sont pas [totalement] accessibles
• IIs sont accessibles en ligne…
• Très peu de PSH parmi les participants
• Le taux d’abandon est globalement très important
- « faux » inscrits
- vrais abandons devant la difficulté de la tâche : complexité,
motivation, accessibilité…
• Existant en fonction de l’origine
- sensori-motrice : équipements, recommandations, normes
- cognitive : pas de solution, pas de littérature

30. 2.2 - Le programme

31. Programme
Approche
• Traiter “en priorité” les déficiences cognitives
- pas en termes de pathologies (dys, TDAH, autisme, bipolarité...)
- mais de troubles des fonctions (attention, mémoire, émotions...)
• Produire des systèmes inclusifs (pas : “pour les PSH”)
• Codesign

32. Démarche
• Recenser et analyser les troubles et leurs conséquences
=> littérature, sur le terrain
• Co-concevoir des solutions innovantes dans les systèmes existants
=> utilisateurs et leurs aidants
• Développer des logiciels et des contenus
• Réaliser un MOOC
- accessible (visuel/auditif, cognitif)
- sur l’accessibilité numérique
• Evaluer auprès de populations large et ciblée
=> utilisateurs dont des PSH
• In fine, proposer une liste de recommandations / outils / exemples

33. MOOC Accessibilité numérique
Composants
• Contenus : 5 semaines de cours
• Lecteur Aïana
• Forums
• Live
• Site de ressources complémentaires
• Déclaration CNIL, validation COERLE
• Soutien central du MOOC Lab
- ingénieurs pédagogiques
- ingénieurs logiciels

34. MOOC AN
Planning
• FUN
- novembre 2016 (3875 inscrits, 60 pays)
- mai 2017 (1925 inscrits)
- mai 2018 (2210 inscrits)
Et en dehors de ces sessions ?
• Vidéos disponibles sur Canal U
• Live disponible sur YouTube
• Site de ressources complémentaires
• Livre numérique

35. 2.3 - Aïana

36. Aïana
Principes généraux
• Séparation des flux (vidéos, texte…)
• Ajout d’informations complémentaires (textes, emoticons…)
• Choix des flux affichés
• Consultation enrichie (marques, notions…)
• Configuration du lecteur (mise en page)
• Échange de configurations

37. Capture d’écran n°4

38. Capture d’écran n°5

40. Capture d’écran n°6

41. Capture d’écran n°7

42. Capture d’écran n°9

43. Que faire ?
Sensibiliser
• Handicap, accessibilité numérique
Former
• Cours (formation initiale, continue)
• Principes, normes
• Conception : Accessibility by design
Contraindre
• Lois, clients, pression société
Chercher
• Pour développer de nouvelles solutions

44. Merci de votre attention

45. Quelques références (1)
Articles
• Pourquoi il faut développer l’accessibilité numérique !, P. Guitton,
Blog Binaire - Le Monde
• Concilier design et accessibilité, c’est possible !, M. Guillaumet,
Access 42
Vidéos
• UX & accessibilité, S. Duchateau, Access 42
• Accessibility is Usability, S. Richards
• The fight for Accessibility, I. Hamilton

46. Quelques références (2)
Systèmes d’exploitation
• Android
• iOS
• Linux
• Mac OsX
• Windows