Introduction à l’accessibilité

Par Damien Berseron
Introduction
Handicap
●
●
●
●

“Hand in cap”
Sport : volonté de donner autant de chance à chacun
Désavantage d’un individu à accomplir ...
Les différents handicaps
●
●
●
●
●

Moteur
Visuel
Auditif
Mental
Psychique
L’accessibilité du web

Donner la même l’information à tous les utilisateurs

●
●
●

Rendre l’information accessible quelq...
Ce qu’il ne faut pas confondre
●
●

L’UX et l’Accessibilité
“Prendre l'utilisateur pour un imbécile” et l’Accessibilité
Comprendre les référenciels
L’organigramme de l’accessibilité

WAI
UAAG

WCAG

Les référenciels

ATAG
WCAG
●
●
●

Web Content Accessibility Guidelines
4 thématiques
3 niveaux :

A

AA

AAA

Normal

Amélioré

Ultra Amélioré
La première fois devant un référenciel
Les référenciels Français

Accessiweb

RGAA
Accessiweb
●
●
●
●
●

13 thématiques
133 critères
334 tests
Respect des 3 niveaux : A, AA, AAA
Respect le RGAA
Accessiweb - Exemple de critère
3 concepts favorables
Ne pas être intrusif
Laisser le contrôle à l’utilisateur
Il ne faut pas essayer de deviner comment l’
utilisateur va navig...
Top 5 des idées reçues
“On s’en fou de l’accessibilité, on n’a pas d’aveugle”

TOUT le monde est concerné!!!
“C’est bon les sourds ils auront les sous-titres”

FAUX
“Il ne faut pas dépasser 3 niveaux de titres”

pact
un im
Auc
“Et en plus, c’est bon pour le SEO”
SEO ≠ Référencement Naturel

ntion
Atte
“Il faut que ça marche sans JavaScript”

P

nant
ainte
lus m
Tips & Tricks
Tips & Tricks
●
●
●
●
●

Avoir un markup valide en fonction du type de document
Mettre une alternative sur les images
Mett...
Tips & Tricks
●
●
●
●
●

Ajouter des liens d’évitement
Ne pas mettre de titre sur un lien si il n’y en pas besoin
Donner à...
Tips & Tricks

Faire preuve de bon sens
Conclusion
Conclusion
Rien n’est interdit, mais faites-le accessible
Ça ne coûte pas plus cher de développer en pensant à l’
accessib...
Alors ? On y va ?
Merci
Prochain SlideShare
Chargement dans…5
×

Introduction à l'accessibilité

519 vues

Publié le

Introduction à l'accessibilité à destination des travailleurs du Web. L'objectif et d'inciter les développeurs, chefs de projet et plus à faire de l'accessibilité.

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

Aucun téléchargement
Vues
Nombre de vues
519
Sur SlideShare
0
Issues des intégrations
0
Intégrations
9
Actions
Partages
0
Téléchargements
6
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Introduction à l'accessibilité

  1. 1. Introduction à l’accessibilité Par Damien Berseron
  2. 2. Introduction
  3. 3. Handicap ● ● ● ● “Hand in cap” Sport : volonté de donner autant de chance à chacun Désavantage d’un individu à accomplir un rôle social dû à sa déficience partielle ou totale France : loi du handicap du 11 février 2005 pour l’égalité des chances
  4. 4. Les différents handicaps ● ● ● ● ● Moteur Visuel Auditif Mental Psychique
  5. 5. L’accessibilité du web Donner la même l’information à tous les utilisateurs ● ● ● Rendre l’information accessible quelque soit le support Transposer les informations multimédias Respecter les standards
  6. 6. Ce qu’il ne faut pas confondre ● ● L’UX et l’Accessibilité “Prendre l'utilisateur pour un imbécile” et l’Accessibilité
  7. 7. Comprendre les référenciels
  8. 8. L’organigramme de l’accessibilité WAI UAAG WCAG Les référenciels ATAG
  9. 9. WCAG ● ● ● Web Content Accessibility Guidelines 4 thématiques 3 niveaux : A AA AAA Normal Amélioré Ultra Amélioré
  10. 10. La première fois devant un référenciel
  11. 11. Les référenciels Français Accessiweb RGAA
  12. 12. Accessiweb ● ● ● ● ● 13 thématiques 133 critères 334 tests Respect des 3 niveaux : A, AA, AAA Respect le RGAA
  13. 13. Accessiweb - Exemple de critère
  14. 14. 3 concepts favorables
  15. 15. Ne pas être intrusif Laisser le contrôle à l’utilisateur Il ne faut pas essayer de deviner comment l’ utilisateur va naviguer
  16. 16. Top 5 des idées reçues
  17. 17. “On s’en fou de l’accessibilité, on n’a pas d’aveugle” TOUT le monde est concerné!!!
  18. 18. “C’est bon les sourds ils auront les sous-titres” FAUX
  19. 19. “Il ne faut pas dépasser 3 niveaux de titres” pact un im Auc
  20. 20. “Et en plus, c’est bon pour le SEO” SEO ≠ Référencement Naturel ntion Atte
  21. 21. “Il faut que ça marche sans JavaScript” P nant ainte lus m
  22. 22. Tips & Tricks
  23. 23. Tips & Tricks ● ● ● ● ● Avoir un markup valide en fonction du type de document Mettre une alternative sur les images Mettre un titre sur les balises frame et iframe Implémenter ARIA Avoir le plan du document propre
  24. 24. Tips & Tricks ● ● ● ● ● Ajouter des liens d’évitement Ne pas mettre de titre sur un lien si il n’y en pas besoin Donner à l’utilisateur le contrôle pour tout mettre en pause Ne pas faire de détournement de balise Avoir un markup sémantique
  25. 25. Tips & Tricks Faire preuve de bon sens
  26. 26. Conclusion
  27. 27. Conclusion Rien n’est interdit, mais faites-le accessible Ça ne coûte pas plus cher de développer en pensant à l’ accessibilité !
  28. 28. Alors ? On y va ?
  29. 29. Merci

×