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

1. Introduction à l’accessibilité
Par Damien Berseron

2. Introduction

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. Les différents handicaps
●
●
●
●
●
Moteur
Visuel
Auditif
Mental
Psychique

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. Ce qu’il ne faut pas confondre
●
●
L’UX et l’Accessibilité
“Prendre l'utilisateur pour un imbécile” et l’Accessibilité

7. Comprendre les référenciels

8. L’organigramme de l’accessibilité
WAI
UAAG
WCAG
Les référenciels
ATAG

9. WCAG
●
●
●
Web Content Accessibility Guidelines
4 thématiques
3 niveaux :
A
AA
AAA
Normal
Amélioré
Ultra Amélioré

10. La première fois devant un référenciel

11. Les référenciels Français
Accessiweb
RGAA

12. Accessiweb
●
●
●
●
●
13 thématiques
133 critères
334 tests
Respect des 3 niveaux : A, AA, AAA
Respect le RGAA

13. Accessiweb - Exemple de critère

14. 3 concepts favorables

15. Ne pas être intrusif
Laisser le contrôle à l’utilisateur
Il ne faut pas essayer de deviner comment l’
utilisateur va naviguer

16. Top 5 des idées reçues

17. “On s’en fou de l’accessibilité, on n’a pas d’aveugle”
TOUT le monde est concerné!!!

18. “C’est bon les sourds ils auront les sous-titres”
FAUX

19. “Il ne faut pas dépasser 3 niveaux de titres”
pact
un im
Auc

20. “Et en plus, c’est bon pour le SEO”
SEO ≠ Référencement Naturel
ntion
Atte

21. “Il faut que ça marche sans JavaScript”
P
nant
ainte
lus m

22. Tips & Tricks

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. 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. Tips & Tricks
Faire preuve de bon sens

26. Conclusion

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. Alors ? On y va ?

29. Merci