الدرس 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
03

تلميحات

0/3
index.html
المعاينة
index.html100%
–/5

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

تجد 5 فحوص في بطاقة «المطلوب».