Correction d'un tableau non accessible pour lecteurs d'écran

Scénario

Contexte : Une application interne affiche un tableau comparatif de performances commerciales. Le Problème : Le tableau ne contient pas de thead, scope ou captions, rendant sa lecture difficile pour les technologies d'assistance. Contraintes : Utiliser uniquement les balises HTML5 appropriées pour améliorer l'accessibilité. Code actuel : <table> <tr> <td>Produit</td> <td>Ventes</td> </tr> <tr> <td>A</td> <td>100</td> </tr> </table> Livrable attendu : Améliorer la structure du tableau en ajoutant thead, th avec scope approprié et caption descriptif.

Compétences ciblées