Problèmes d'accessibilité et frameworks JavaScript (Angular, Vue, React ...)

Pour beaucoup aujourd'hui, les problèmes d'accessibilité sont liés à l'utilisation de frameworks JavaScript. Cela rejoint un peu l'idée que pour qu'un site soit accessible, il faut désactiver JavaScript.

Heureusement, il n'en est rien. Cependant, l'idée est tellement ancrée que l'on croise rarement des développeurs qui savent que l'on peut conjuguer frameworks JavaScript et accessibilité / inclusion.

Aujourd'hui, les frameworks JavaScript nous donnent un contrôle presque total sur le HTML produit :

  • Il n'est pas un framework qui nous oblige à utiliser des div à la place des button
  • Il n'est pas un framework qui nous interdise de jouer avec tabindex ou role.
  • Il n'est pas un framework qui nous interdise d'utiliser aria-*
  • Il n'est pas un framework qui nous interdise d'utilise les balises HTML 5.
  • ... etc. ...

Si les éléments d'accessibilité web évoqués ici ne vous parlent pas, je vous conseille d'aller lire la documentation de Mozilla. Il s'agit d'une bonne entrée en matière.

Moralité

Les frameworks JavaScript ne nous empêchent pas de fournir des sites accessibles. Il nous faut cependant bien travailler nos rendus HTML pour nous assurer que ceux-ci soient accessibles. Outre l'amélioration de l'accessibilité / inclusion, nos sites y gagnent en qualité.

Jérémy Jeanson

Comments

You have to be logged in to comment this post.