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

Les différents handicaps

● Moteur● Visuel● Auditif● Mental● Psychique

L’accessibilité du web

● Rendre l’information accessible quelque soit le support● Transposer les informations multimédias● Respecter les standards

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

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

WCAGUAAG ATAG

Les référenciels

WCAG

● Web Content Accessibility Guidelines● 4 thématiques● 3 niveaux :

A AA AAANormal Amélioré Ultra Amélioré

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

Les référenciels Français

RGAAAccessiweb

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 naviguer

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”

Aucun impact

“Et en plus, c’est bon pour le SEO”

AttentionSEO ≠ Référencement Naturel

“Il faut que ça marche sans JavaScript”

Plus maintenant

Tips & Tricks

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

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

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’accessibilité !

Alors ? On y va ?

Merci