Découverte de l'accessibilité numérique par Steven Mouret

Transcript

1. Découverte de l'accessibilité numérique Intervenant : Steven Mouret https://twitter.com/StevenMouret
2. L'accessibilité un concept universel "Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique ou leurs aptitudes physiques ou mentales." Tim Berners-Lee, inventeur du Web et directeur du W3C
3. L'accessibilité en chiffre • 650 millions de personnes sont porteurs d’un handicap dans le monde (Source : ONU, Organisation des Nations Unies) , • 100 millions en Europe, • 12 millions en France (Source : Centre technique national études et recherches) . • Le pouvoir d’achat en Europe des personnes handicapées est estimé à 300 milliards euros.
4. Les différents types de handicaps • Visuel • Auditif • Moteur • Cognitif
5. Handicap visuel • 1.7 millions de personnes en France (Source : HID, Handicaps, Incapacités, Dépendances. 2002) • Les non-voyants et les malvoyants • Exemple : Vue floutée, champs visuel restreint, perception des couleurs, personnes sensibles à la luminosité... • Deux cas bien différents
6. Handicap visuel Les aides techniques • Synthèse vocale • Plage Braille • Loupe d'écran
7. Handicap visuel Que peut on faire ? • Améliorer les contrastes • Permettre une navigation clavier • Séparer le contenu de la mise forme (ajout d'une feuille de style personnalisée) • Hiérarchiser le contenu • Permettre le zoom texte • Pas de piège au clavier • Décrire les images de contenu • Liens d'évitement
8. Handicap auditif • 1.6 millions de personnes en France (Source : HID, Handicaps, Incapacités, Dépendances. 2002) • Les personnes sourdes et malentendantes. • Exemple : Perception de certains sons (les basses, les aiguës), perception à un certain volume sonore • Le handicap le moins impacté sur le web ?
9. Handicap auditif Les aides techniques • Appareil de correction auditive • Logiciel de modulation du son
10. Handicap auditif Que peut on faire ? • Prévoir une transcription textuelle • Ajouter des sous-titres • Possibilité de modifier le volume sonore ou d'arrêter un son
11. Handicap moteur • 2.3 millions de personnes en France (Source : HID, Handicaps, Incapacités, Dépendances. 2002) • Handicap des membres uniquement supérieurs • Exemple : paralysie, membres manquants, tremblements, manque de coordination des membres…
12. Handicap moteur Les aides techniques • Reconnaissance vocale • Clavier physique et virtuel • Trackball, joystick, headstick
13. Handicap moteur Que peut on faire ? • Pas de piège au clavier • Hiérarchie logique du contenu • Temps suffisant pour remplir un formulaire • Large surface de clic • Liens d'évitement
14. Handicap cognitif • 700 000 personnes en France (Source : HID, Handicaps, Incapacités, Dépendances. 2002) • Hyperactivité, problème de concentration, Dyslexie, Autisme, Difficulté de mémorisation, épilepsie…
15. Handicap cognitif Les aides techniques • Outil de personnalisation des feuilles de style • Reconnaissance vocale
16. Handicap cognitif Que peut on faire ? • Prévoir la possibilité d'arrêter les animations • Ne pas justifier le texte • Pas d'effet de flash • Séparer le contenu de la mise forme (ajout d'une feuille de style personnalisée)
17. Standards internationaux W3C (World Wide Web Consortium) • Standardisation des technologies web WAI (Web Accessibility Initiative) • Vérifie l'accessibilité des technologies du W3C • Produit des recommandations • Développe des outils • Informe et forme • Recherche et développement WCAG (Web Content Accessibility Guidlines) • Recommandations d'accessibilité pour le contenu web ATAG (Authoring Tool Accessibility Guidelines) • Recommandations d'accessibilité pour les logiciels de création de contenu web. (CMS Content Management System) UAAG (User Agent Accessibility Guidelines) • Recommandations d'accessibilité pour les agents utilisateurs. (navigateurs, aides techniques...)
18. Web Content Accessibility Guidlines 4 principes, 12 règles • des contenus perceptibles • des contenus utilisables • des contenus compréhensibles • des contenus robustes 3 niveaux d'accessibilité • A, niveau d'accessibilité minimal • AA, améliore le niveau d'accessibilité • AAA, un niveau supérieur d'accessibilité
19. Les référentiels en France ?
20. RGAA (Référentiel Général d'accessibilité pour les Administrations) • Suite à la l'article 47 de la loi pour l'égalité des droits et de chances, la participation et la citoyenneté des personnes handicapées. • Concerne uniquement le secteur public • Demande une conformité A et AA de WCAG
21. AccessiWeb Association Braillenet Compatible WCAG et RGAA
22. Les idées reçus • une sur couche • un graphisme dégradé • un sujet trop technique • un "tout ou rien" • un état fini et stable
23. Les avantages • Confort pour tous • Des sites plus robuste • Qualité web • Un plus grand nombre de visiteurs • Des sites mieux référencés • Prêt pour le mobile • Plus ergonomique • Plus rapide
24. Le futur avec ARIA (Accessible Rich Internet Applications) Spécification du W3C pour les interfaces riches. Couplé à Javascript <li role="menuitemcheckbox" aria-checked="true">Classer par date</li>
25. Ressource Accessibilité Web Normes et bonnes pratiques pour des sites plus accessibles Par Armony Altinier chez Eyrolles
26. Merci