HTML5
Avancé
Correction d'un tableau non accessible pour lecteurs d'écran
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
html5
table
accessibility
semantic
structure
Scénario Technique
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.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.