Paris-Web 2010
La prise en compte des handicaps cognitifs
Atelier animé par Monique Brunel
Le 16 octobre 2010
www.paris-we...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 2
Plan de la présentation
● Définitio...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 3
Handicaps cognitifs : définition
● ...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 4
Handicaps cognitifs : état clinique...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 5
Handicaps cognitifs : déficiences f...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 6
Directives WCAG 2.0
Règles pour l'a...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 7
WCAG - 1. Perceptible
● 1.1 Equival...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 8
WCAG – 2. Utilisable
● 2.1 Utilisat...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 9
WCAG – 3. Compréhensible
● 3.1 Cont...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 10
WCAG – 4. Robuste
● 4.1 Compatibil...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 11
Règles d'ergonomie
● Efficace
● Ré...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 12
Règles d'ergonomie
● Utilisable
● ...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 13
Exemples et solutions
● Présentati...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 14
Outil d'aide à l'évaluation
Barre ...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 15
Conclusion
Tous les profils d'inte...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 16
Remerciements
Merci à toute l'équi...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 17
Ressources
● http://www.w3.org/TR/...
Atelier Paris-Web 2010 – La prise en compte des handicaps cognitifs – Monique Brunel 18
A propos de l'auteur
● Mon blog
ht...
Prochain SlideShare
Chargement dans…5
×

Paris Web 2010 - Atelier - Handicaps cognitifs

850 vues

Publié le

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

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

Aucune remarque pour cette diapositive
  • l
  • 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

    ×