Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Paris Web 2010 - Atelier - Handicaps cognitifs

966 views

Published on

Prendre en compte les handicaps cognitifs lors de la conception d'un site Web

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Paris Web 2010 - Atelier - Handicaps cognitifs

  1. 1. Paris-Web 2010 La prise en compte des handicaps cognitifs Atelier animé par Monique Brunel Le 16 octobre 2010 www.paris-web.fr
  2. 2. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 2 Plan de la présentation ● Définition des handicaps cognitifs ● Directives WCAG ● Règles d'ergonomie ● Exemples et solutions ● Remerciements
  3. 3. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 3 Handicaps cognitifs : définition ● Les termes utilisés ont évolué ● débilité, arriération mentale, handicap mental, déficience intellectuelle ● Un handicap est le résultat d'une déficience ● Classement selon l'état clinique ou selon les troubles fonctionnels
  4. 4. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 4 Handicaps cognitifs : état clinique ● Troubles sévères ● Autisme, trisomie, traumatisme crânien... ● Troubles moins sévères ● Dyslexie, dyscalculie, troubles de la mémoire...
  5. 5. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 5 Handicaps cognitifs : déficiences fonctionnelles ● Mémorisation ● Concentration ● Lecture ● Calcul ● Résolution de problèmes ● Perception visuelle
  6. 6. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 6 Directives WCAG 2.0 Règles pour l'accessibilité des contenus Web Perceptible Utilisable Compréhensible Robuste
  7. 7. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 7 WCAG - 1. Perceptible ● 1.1 Equivalents textuels pour présenter le contenu sous d'autres formes ● 1.2 Versions de remplacement aux médias ● 1.4 Utilisation de la couleur, des sons, des polices
  8. 8. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 8 WCAG – 2. Utilisable ● 2.1 Utilisation du clavier ● 2.2 Gestion des délais, des mouvements, des mises à jour ● 2.3 Contenus susceptibles de provoquer des crises ● 2.4 Eléments d'orientation
  9. 9. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 9 WCAG – 3. Compréhensible ● 3.1 Contenu textuel lisible et compréhensible ● 3.2 Fonctionnement prévisible ● 3.3 Aide à la saisie et gestion des erreurs
  10. 10. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 10 WCAG – 4. Robuste ● 4.1 Compatibilité avec les agents utilisateurs actuels et futurs, y compris les technologies d'assistance
  11. 11. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 11 Règles d'ergonomie ● Efficace ● Répondre aux besoins des utilisateurs ● La page d'accueil doit être une page d'accueil ● L'architecture du site doit être cohérente
  12. 12. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 12 Règles d'ergonomie ● Utilisable ● Sobre : simplicité, pas de surcharge ● Lisible : clarté, organisation ● Simple d'utilisation : navigation, points de repère, homogénéité ● Rapide : temps de chargement, optimisation des images ● Interactive : facilitation des actions à accomplir, moyens de contact
  13. 13. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 13 Exemples et solutions ● Présentation des contenus ● Rédaction des contenus ● Utilisation des formulaires
  14. 14. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 14 Outil d'aide à l'évaluation Barre d'outil Wave http://wave.webaim.org/cognitive
  15. 15. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 15 Conclusion Tous les profils d'intervenants dans la conception d'un site sont concernés : graphiste, intégrateur, rédacteur, ergonome. Proposer un site de qualité : standards du Web, directives d'accessibilité, règles d'ergonomie... sans oublier toutes les autres Bonnes pratiques Opquast.
  16. 16. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 16 Remerciements Merci à toute l'équipe de Paris-Web qui nous permet de vivre ces journées de rêve ! http://www.paris-web.fr/association/membres.php Merci à vous qui êtes venus m'écouter !
  17. 17. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 17 Ressources ● http://www.w3.org/TR/WCAG20/ ● http://www.w3.org/Translations/WCAG20-fr/ ● http://dev.opera.com/articles/view/cognitive-disability-learning-difficulty/ ● http://webaim.org/articles/cognitive/ ● http://www.webaim.org/articles/evaluatingcognitive/ ● http://wave.webaim.org/cognitive ● http://clearhelper.wordpress.com/
  18. 18. Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 18 A propos de l'auteur ● Mon blog http://blog.webatou.info/ ● Mon compte Identi.ca http://identi.ca/webatou/all ● Mon compte Twitter http://twitter.com/webatou

×