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 desbutton
- Il n'est pas un framework qui nous interdise de jouer avec
tabindex
ourole
. - 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é.