HTML5متقدم

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

السيناريو

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.

المهارات المستهدفة

html5tableaccessibilitysemanticstructure

حالات تطبيقية أخرى في ⁨HTML5⁩

عرض كل الحالات التطبيقية في ⁨HTML5⁩

أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى