الجداول المعقدة: إقران headers وid

تمتد بعض الجداول عبر خلايا أو تكدّس مستويات متعددة من الرؤوس. ولا يستطيع scope البسيط وصف خلية تتحكم فيها رأسان أو ثلاثة رؤوس في الوقت نفسه.

يربك الرأس الذي يستخدم colspan لتغطية عدة أعمدة النموذج البسيط. فلن يعود المتصفح قادرًا على تخمين الخلايا التي يملكها.

في الجداول المعقدة، امنح كل th قيمة id، وأشر من كل td إلى رؤوسه باستخدام id. وبذلك تربط الخلايا بالرؤوس صراحةً، من دون تخمين.

يمكن لخلية البيانات تسمية عدة رؤوس في سمة headers الخاصة بها، مع فصلها بمسافات. ويعلن القارئ عنها جميعًا بالترتيب الذي تدرجها به.

امنح رأس الصف ورأس العمود id لكل منهما، ثم أشر إلى كليهما من الخلية. وهكذا تصبح القيمة موصوفة بالكامل عبر المحورين.

بالنسبة إلى الرؤوس المجمّعة، يمكن أن تكون scope هي colgroup أو rowgroup. استخدمهما عندما يغطي رأس واحد مجموعة من الأعمدة أو الصفوف فوق رؤوس التفاصيل.

يحتاج رأس السنة الموجود فوق رؤوس الأشهر إلى وصف كلا المستويين. باستخدام id وheaders يمكن لكل خلية الإشارة إلى السنة والشهر معًا.

يجب أن تكون كل قيمة id في الصفحة فريدة. فالقيم المكررة لـ id الخاصة بالرؤوس تعطل الإقران بصمت، ولذلك يوفر فحص سريع بمدقّق الكثير من المتاعب لاحقًا.

أدرج قيم id بالترتيب الذي تريد قراءتها به، وعادةً ما يكون الرأس الأوسع أولًا. ويتبع قارئ الشاشة ترتيبك بدقة عند الإعلان عنها.

قبل اللجوء إلى id وheaders، اسأل نفسك إن كان بإمكانك تقسيم جدول ضخم واحد إلى جداول بسيطة أصغر. فالبنية الأبسط تكون دائمًا تقريبًا أكثر إتاحة.

تقنية id وheaders قوية، لكنها عرضة للأخطاء المطبعية. احرص دائمًا على التأكد من أن بعض الخلايا تُقرأ بشكل صحيح باستخدام قارئ شاشة فعلي، وليس بالنظر إليها فقط.

تتحدد خلية البيانات بواسطة عنوان صف وعنوان عمود ممتد معًا.

عندما تجعل الخلايا الممتدة أو المستويات المتراكبة scope غير كافٍ، امنح العناوين قيمة id وأشِر إليها من كل خلية باستخدام headers. احرص على أن تكون قيم id فريدة، وتحقق منها بالاستماع.