L’ACCESSIBILITÉ, POUR QUI ?                         Laurie-Anne Bourdain           Kiwi Party – 4 mai 2012 - Strasbourg
LES TYPES DE HANDICAPS Handicaps Visuels Handicaps Auditifs Handicaps Moteurs Handicaps Cognitifs La Barrière de la L...
HANDICAPS VISUELS• Troubles de la vision• Perception des couleurs
TROUBLES DE LA VISION
NON VOYANT Profil type : Cécité Contraintes : Ne voit pas l’écran, ne peux utiliser  une souris Aides techniques : Lect...
MAL VOYANT Profil type : Acuité visuelle de 3/10e après  correction Contraintes : Vision floue, les petits éléments ne  ...
MAL VOYANT             10/10                   ~ 2/10             http://www.optiker.at/simulator/
J’AI CASSÉ MES LUNETTES !
PERCEPTION DES COULEURS
DYSCHROMATOPSIE Profil type : Daltonien Contraintes : Ne perçoit pas certaines ou toutes les  couleurs Aides techniques...
DYSCHROMATOPSIE                               Non perception du rouge      Non perception du vert
PHOTOPHOBIE Profil type : Hypersensibilité à la lumière,  Conjonctivite Contraintes : Yeux sensibles, facilement éblouis...
SMARTPHONE / TABLETTE
HANDICAPS AUDITIFS
SURDITÉ, TOTALE OU PARTIELLE Profil type : Sourds et malentendants Contraintes : N’entends pas (ou mal), problèmes de  l...
SURDITÉ, TOTALE OU PARTIELLE Profil type : Personne souffrant d’acouphène Contraintes : Auditions perturbée, hyperacousi...
BRUIT AMBIANT
HANDICAPS MOTEURS
PARALYSIE Profil type : Tétraplégie Contraintes : Utilisations de la souris et du clavier  impossibles Aides techniques...
MALADIE NEUROLOGIQUE DÉGÉNÉRATIVE Profil type : Maladie de Parkinson Contraintes : Mouvements incontrôlables Aides tech...
LA SOURIS QUI TOMBE EN PANNE
HANDICAP COGNITIF
TROUBLE DE LA MÉMOIRE Profil type : Amnésie, Age Contraintes : Difficulté à mémoriser Aides techniques : Aucune Commen...
TROUBLE DE LA PERCEPTION Profil type : Dyslexie Contraintes : Difficulté de lecture et de  compréhension Aides techniqu...
TROUBLE DE L’ATTENTION Profil type : Hyperactivité Contraintes : Difficulté de concentration, facilement  distrait Aide...
RÉSOLUTION DE PROBLÈMES Profil type : Retard mental Contraintes : Se perds quand ses repères  disparaissent Aides techn...
MIGRAINE
ABUS DIVERS
LA BARRIÈRE DE LA LANGUE
FRANÇAIS, LANGUE ÉTRANGÈRE Profil type : Etranger avec une connaissance  variable du Français / Utilisateur de Google  Tr...
SMS, LANGUE VIVANTE
AUTRES FACTEURS HANDICAPANTS
LE MATÉRIEL ET LE LOGICIEL
L’ÂGE
ET PLEIN D’AUTRES CHOSES…         QU’ON NE PEUT JAMAIS PRÉVOIR.
Prochain SlideShare
Chargement dans…5
×

L’Accessibilité, Pour Qui

4 263 vues

Publié le

Voici le support de la mini-conférence que j\'ai donné à la Kiwi Party 2012.

Cette présentation liste différents types de handicaps qui sont impactés par la mise en place d\'une politique d\'accessibilité web sur un site. Pour chaque profils sont donnés des exemples d\'amélioration de l\'accessibilité.

0 commentaire
5 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
4 263
Sur SlideShare
0
Issues des intégrations
0
Intégrations
1 341
Actions
Partages
0
Téléchargements
48
Commentaires
0
J’aime
5
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

L’Accessibilité, Pour Qui

  1. 1. L’ACCESSIBILITÉ, POUR QUI ? Laurie-Anne Bourdain Kiwi Party – 4 mai 2012 - Strasbourg
  2. 2. LES TYPES DE HANDICAPS Handicaps Visuels Handicaps Auditifs Handicaps Moteurs Handicaps Cognitifs La Barrière de la Langue Autres Facteurs Handicapants
  3. 3. HANDICAPS VISUELS• Troubles de la vision• Perception des couleurs
  4. 4. TROUBLES DE LA VISION
  5. 5. NON VOYANT Profil type : Cécité Contraintes : Ne voit pas l’écran, ne peux utiliser une souris Aides techniques : Lecteur d’écran, clavier braille Comment l’aider :  Alt pertinents sur les images;  Pas de contenu dans le CSS ou généré/masqué en JS;  Intitulés de liens pertinents et non redondants;  Utilisation des labels sur les formulaires;  Ne pas utiliser d’évènement JS reposant sur la position de la souris;  …
  6. 6. MAL VOYANT Profil type : Acuité visuelle de 3/10e après correction Contraintes : Vision floue, les petits éléments ne sont pas vus Aides techniques : Loupe, paramètres du navigateur, lecteur d’écran, clavier braille Comment l’aider :  Ne pas empêcher l’agrandissement des caractères;  Éviter l’utilisation des textes en images.
  7. 7. MAL VOYANT 10/10 ~ 2/10 http://www.optiker.at/simulator/
  8. 8. J’AI CASSÉ MES LUNETTES !
  9. 9. PERCEPTION DES COULEURS
  10. 10. DYSCHROMATOPSIE Profil type : Daltonien Contraintes : Ne perçoit pas certaines ou toutes les couleurs Aides techniques : Aucune Comment l’aider :  Ne pas se reposer sur les couleurs;  S’assurer d’un contraste suffisamment élevé entre contenus et fonds.
  11. 11. DYSCHROMATOPSIE Non perception du rouge Non perception du vert
  12. 12. PHOTOPHOBIE Profil type : Hypersensibilité à la lumière, Conjonctivite Contraintes : Yeux sensibles, facilement éblouis Aides techniques : Lunettes de soleil Comment l’aider :  Éviter les contrastes trop forts.
  13. 13. SMARTPHONE / TABLETTE
  14. 14. HANDICAPS AUDITIFS
  15. 15. SURDITÉ, TOTALE OU PARTIELLE Profil type : Sourds et malentendants Contraintes : N’entends pas (ou mal), problèmes de lectures Aides techniques : Appareil auditif Comment l’aider :  Sous-titrer les contenus vidéo;  Transcrire les contenus audio (et vidéo);  Traduire en langue des signes.
  16. 16. SURDITÉ, TOTALE OU PARTIELLE Profil type : Personne souffrant d’acouphène Contraintes : Auditions perturbée, hyperacousie Aides techniques : Aucune Comment l’aider :  Sous-titrer les contenus vidéo;  Transcrire les contenus audio (et vidéo);  Ne pas lancer de vidéo ou d’audio automatiquement.
  17. 17. BRUIT AMBIANT
  18. 18. HANDICAPS MOTEURS
  19. 19. PARALYSIE Profil type : Tétraplégie Contraintes : Utilisations de la souris et du clavier impossibles Aides techniques : Logiciels de dictée, track ball, « HeadMouse », stylet pour tête… Comment l’aider :  Ne pas empêcher la navigation au clavier (focus);  Ne pas se reposer sur l’utilisation de la souris;  Ne pas (trop) limiter le temps pour accomplir une action (comme remplir un formulaire).
  20. 20. MALADIE NEUROLOGIQUE DÉGÉNÉRATIVE Profil type : Maladie de Parkinson Contraintes : Mouvements incontrôlables Aides techniques : Aucune Comment l’aider :  Éviter les zones cliquables de petite taille;
  21. 21. LA SOURIS QUI TOMBE EN PANNE
  22. 22. HANDICAP COGNITIF
  23. 23. TROUBLE DE LA MÉMOIRE Profil type : Amnésie, Age Contraintes : Difficulté à mémoriser Aides techniques : Aucune Comment l’aider :  Éviter les menus « Pain Surprise » (Mystery Meat);  Respecter une arborescence logique;  Prévoir un système de récupération de mot de passe et de nom d’utilisateur;  Conserver la même structure pour toutes les pages d’un site;  Indiquer où se trouve l’utilisateur dans le site;  …
  24. 24. TROUBLE DE LA PERCEPTION Profil type : Dyslexie Contraintes : Difficulté de lecture et de compréhension Aides techniques : Verres de lunettes teintés Comment l’aider :  Éviter les contrastes maximum entre les textes et leurs fonds;  Augmenter les hauteurs de lignes;  Marquer les différents paragraphes par des espaces d’au moins une hauteur de ligne;  Bien hiérarchiser son texte;  Distinguer les titres du reste du contenu;
  25. 25. TROUBLE DE L’ATTENTION Profil type : Hyperactivité Contraintes : Difficulté de concentration, facilement distrait Aides techniques : Aucune Comment l’aider :  Éviter les éléments qui bougent ou flashent;  Permettre l’arrêt de toute animation.
  26. 26. RÉSOLUTION DE PROBLÈMES Profil type : Retard mental Contraintes : Se perds quand ses repères disparaissent Aides techniques : Comment l’aider :  Éviter les erreurs 404;  Avoir une page 404 reprenant le thème du site;  Éviter les liens ambigus (du type « Lire la suite… »);  Mettre en évidence les erreurs de formulaire;  Éviter les menus « Pain Surprise » (Mystery Meat);  Respecter une arborescence logique;  …
  27. 27. MIGRAINE
  28. 28. ABUS DIVERS
  29. 29. LA BARRIÈRE DE LA LANGUE
  30. 30. FRANÇAIS, LANGUE ÉTRANGÈRE Profil type : Etranger avec une connaissance variable du Français / Utilisateur de Google Traduction Contraintes : Difficulté de compréhension Aides techniques : Traducteurs en ligne Comment l’aider :  Utiliser un français correct, sans (trop de) fautes d’orthographe;  Utiliser un français courant, sans mots inutilement complexes / désuets  Ne pas se laisser tenter par la traduction automatique.
  31. 31. SMS, LANGUE VIVANTE
  32. 32. AUTRES FACTEURS HANDICAPANTS
  33. 33. LE MATÉRIEL ET LE LOGICIEL
  34. 34. L’ÂGE
  35. 35. ET PLEIN D’AUTRES CHOSES… QU’ON NE PEUT JAMAIS PRÉVOIR.

×