يعد جدول البيانات البسيط، الذي يحتوي على صف واحد من رؤوس الأعمدة في الأعلى، سهلًا نسبيًا لتسهيل الوصول إليه. يبدأ الألم الحقيقي بالجداول المعقدة — تلك التي تحتوي على رؤوس في كل من الأعمدة والصفوف، أو الخلايا المدمجة، أو صفوف التلخيص. تشرح هذه المقالة كيفية وضع علامة على رؤوس الجدول بحيث "يفهم" قارئ الشاشة لكل خلية الرؤوس التي تنطبق عليها، دون فقدان السياق.
باختصار – ما يغطيه هذا الدليل
لماذا يختلف TH عن TD
في جدول HTML أو ملف PDF ذي علامة تمييز، تحتوي كل خلية على واحد من نوعين من الأدوار: TH (رأس الجدول) أو TD (بيانات الجدول - خلية بيانات عادية). الفرق ليس بالضرورة مرئيًا - يمكن أن تبدو خلية الرأس وخلية البيانات متطابقة التصميم - إنه فرق دلالي: يخبر TH قارئ الشاشة "هذا رأس يشرح ما تعنيه البيانات الموجودة أسفله أو بجانبه". بدون وضع العلامات الصحيحة، يتحرك قارئ الشاشة عبر الجدول صفًا تلو الآخر كما لو كانت كل خلية متساوية، ومن السهل أن تفقد تمامًا البيانات التي تنتمي إلى أي فئة.
عندما يكون النطاق كافيًا، وعندما تحتاج إلى المزيد
بالنسبة لمعظم الجداول، يمكنك إضافةالنطاقسمة لكل خلية TH للإشارة إلى ما إذا كانت رأس عمود (scope="col") أو رأس الصف (scope="row"). عندما يصل قارئ الشاشة إلى خلية بيانات، فإنه يعلن تلقائيًا عن كل من رأس العمود ورأس الصف ذي الصلة — بحيث يسمع المستخدم، على سبيل المثال، "1,200 — مبيعات، Q1" بدلاً من مجرد "1,200" معزولة.
بالنسبة للجداول المعقدة بشكل خاص، والتي تحتوي على أكثر من مستويين من الرؤوس (على سبيل المثال، رأس رئيسي يجمع عدة أعمدة فرعية)، فإن النطاق وحده لا يكفي دائمًا. في هذه الحالات، استخدم زوجًا من معرف السمات والرؤوس: امنح كل خلية رأس معرفًا فريدًا، وفي كل قائمة خلايا بيانات، في سمة الرؤوس، جميع معرفات الرؤوس ذات الصلة بها. هذه الطريقة أكثر مرونة ولكنها أيضًا أكثر تعقيدًا وعرضة للخطأ - احتفظ بها للحالات التي تحتاج إليها حقًا.
scope="col"، ورؤوس الصفوف ("Q1"، "Q2"، "Q3") معscope="row"— لذلك يتم ربط كل خلية بيانات بالرأسين المرتبطين بها.صفوف الملخص والرؤوس المتعددة
يعد صف التلخيص الموجود أسفل الجدول ("الإجمالي" و"المتوسط") في حد ذاته نوعًا من الرأس - وعادةً ما يكون من المناسب وضع علامة على إجمالي الخلية نفسها كـ TH باستخدام النطاق = "صف"، بحيث يميزها قارئ الشاشة عن صف البيانات العادي. وبالمثل، يتطلب الجدول الذي يحتوي على رأس رئيسي يجمع عدة أعمدة (على سبيل المثال، "مبيعات 2026" يمتد على "الربع الأول"، و"الربع الثاني") الاستخدام الصحيح للعنصرcolspanالسمة مع النطاق، لذلك يتم الحفاظ على التجميع الهرمي عند قراءته بصوت عالٍ أيضًا.
💡 نصيحة عملية
إذا كان الجدول معقدًا جدًا بحيث لا يمكن وضع علامة عليه بشكل صحيح (أكثر من مستويين من الرؤوس، عمليات دمج متعددة)، أحيانًا يكون الحل الأبسط والأكثر سهولة هو تقسيمه إلى عدة جداول أبسط، أو إضافة ملخص نص عادي بجانبه.
كيف يبدو هذا عمليًا في Word وPDF
في Word، يؤدي استخدام أداة "Insert ▸ Table" القياسية وتحديد "Header Row" في تصميم الجدول إلى إنشاء الأساس الصحيح، والذي يتم تصديره إلى PDF كـ TH تلقائيًا في معظم الحالات. في Acrobat، بعد التصدير من Word وتشغيل فحص إمكانية الوصول، من المفيد فتح شجرة العلامات والتأكد من أن خلايا الرأس تم وضع علامة عليها بالفعل على أنها TH وليست على أنها TD عادية - وهذا خطأ تصدير شائع من السهل تفويته.
هل لديك جداول بيانات في المستندات التي لم يتم اختبارها مطلقًا؟
تحدد أداتنا الجداول ذات الرؤوس المفقودة أو غير الصحيحة في كل ملف PDF على موقعك.
افحص موقعك مجانا ←