الدرس 8 من 8

جداول مقروءة

هدف الدرس

رؤوس يعرفها قارئ الشاشة

01

الشرح

الجدول للبيانات ذات البُعدين لا للتخطيط. وقارئ الشاشة يقرؤه خلية خلية: إن لم يعرف رؤوسه قرأ «فيزياء» وحدها، وإن عرفها أعلن معها اليوم والحصّة.

ثلاثة أشياء تمنحه هذه المعرفة: caption يسمّي الجدول كما يسمّي العنوان قسمه، وthead وtbody يفصلان الرؤوس عن البيانات، وth مع scope يربط كل رأس بعموده col أو بصفّه row.

والخطأ الشائع خلية td بخطّ عريض: تبدو رأسًا للعين، وهي عند قارئ الشاشة خلية بيانات كغيرها.

02

المطلوب

أضف caption، وانقل صفّ الرؤوس إلى thead بخلايا <th scope="col">، واجعل اليوم في أول كل صفّ <th scope="row">، وأبقِ الحصص td.

معايير التصحيح

5 معايير
  1. للجدول عنوان في caption
  2. صفّ الرؤوس في thead بخلايا th
  3. رؤوس الأعمدة لها scope="col"
  4. اليوم رأس صفّه: th بـ scope="row"
  5. الحصص بقيت خلايا td
index.html
المعاينة
index.html100%
–/5

اضغط «تشغيل» ليبدأ الفحص.

5 معايير في بطاقة «المطلوب».