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

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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