.design .design

Accessibilité Web – 10 points clés en une infographie

L'accessibilité Web est un principe à ne pas négliger dans un projet.

.design
.design

Avec plus de 2,5 millions d’handinautes en France et plusieurs dizaines de millions dans le monde, l’accessibilité d’un site Web devient un enjeu primordial pour la réussite d’un projet. Outre le fait d’offrir un Web universel à tous, les internautes souffrant d’une déficience et/ou se servant de technologies d’assistance représentent une source de trafic non négligeable. Autant leurs offrir votre contenu sur un tapis rouge. Voici une infographie présentant les 10 points clés à prendre en compte pour maintenir un Web accessible.

L’accessibilité Web n’est pas un luxe

La conception d’un site respectant les principes de l’accessibilité Web n’engendre pas forcément une hausse de son coût. La majorité des directives pour l’accessibilité aux contenus Web éditées par le WAI (Web Accessibility Initiative) reprennent en grande partie les standards du W3C. Si ces derniers sont respectés comme il se doit, votre site Web sera en grande partie accessible.

Vous pouvez évaluer dès à présent l’accessibilité de votre site Web en calculant votre score grâce à cette checklist listant les 40 techniques à mettre en place pour un Web accessible :

Evaluer mon score d’accessibilité

Un Web accessible en 10 points

Voici 10 règles pouvant être mises en place facilement dans un projet Web :
Accessibilité Web Infographie

  1. Présence du tag title afin de nommer les pages et définir la nature de leurs contenus,
  2. Les pages doivent être accessibles et manipulables via l’utilisation du clavier,
  3. Les médias vidéo et audio sont accompagnés d’une retranscription et d’une description écrite. (Sous-titres, textes décrivant leurs contenus),
  4. Les recommandations du W3C en matière de structuration de page sont respectées. (Ex :  liste ordonnée = éléments ol),
  5. Le contraste entre l’arrière-plan et le premier plan est suffisant,
  6. La structure sémantique des pages est hiérarchisée via les headings h1 à h6 et l’emploi de la technologie ARIA,
  7. Les ancres de liens sont explicites pour l’utilisateur,
  8. L’attribut alt est présent sur chaque balise img,
  9. La structure des formulaires est logique, l’élément label est présent sur chaque item des formulaires,
  10. Les erreurs d’un formulaire sont notifiées à l’utilisateur.

N’oubliez pas d’évaluer l’accessibilité de votre site Web. Cette checklist peut être utilisée comme une To-do list :

Evaluer mon score d’accessibilité

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer