Accessibilité en Test-Driven Development… sans écrire les tests

WCAG 2.1 AAA, ACT, Section 508 ou encore EN 301 549. Non, ce ne sont pas des matricules de zones militaires obscures mais bien des normes d’accessibilité qui devraient nous accompagner au quotidien lors de nos développements frontend.

Bien que l’on ait conscience de l’importance d’avoir une application web accessible au plus grand nombre, on se décourage souvent face au mur de la masse d’information induite par ces normes complexes.

Et même si on s’accorche, après avoir mis une énergie folle à construire un produit que l’on juge de qualité, on se retrouve submergé sous le poids d’un rapport d’audit très fourni.

Et si, par le biais d’un design par le test, les développeurs.euses pouvaient écrire un code accessible avec la même rigueur que l’implémentation d’une règle métier ?

Que diriez-vous d’une démarche où les développeurs.euses pourraient être accompagnés.ées, sensibilisés.ées voire formés.ées à l’accessibilité en toute autonomie par le code ?

À travers ce REX sur la mise en accessibilité d’une application React avec le framework Microsoft Playwright, vous découvrirez comment :

• écrire des tests simples sans assertion en bénéficiant de la vérification automatisée du plugin axe® ;
• vous auto-former grâce à une aide à la correction des défauts remontés ;
• appliquer un Test Commit Refactor pour rendre votre code accessible.