هدر مورب جدول، اینبار قابلدسترس
اریک مایر سراغ یه مسئله قدیمی جدولها رفته: اون سلول گوشه بالا-چپ که با یه خط مورب به دو هدر تقسیم میشه، یکی برای ستونها و یکی برای ردیفها. روش رایج اینه که دو تا span بذاری تو سلول، ولی این کار از نظر دسترسیپذیری مشکل داره. نویسنده نشون میده که گذاشتن ردیف دومِ ناقص تو هدر، قانون WCAG 1.3.3 رو نقض میکنه و راهحلش استفاده از rowspan روی سلولهای ردیف اوله. ظاهر مورب رو هم با position و یه گرادیان CSS درست میکنه، هرچند Safari هنوز این چیدمان رو خوب رندر نمیکنه.
این محتوا بهصورت خودکار با استفاده از هوش مصنوعی تولید شده، و بررسی نهایی اون پیش از استفاده توصیه میشه. مسئولیت استفاده بهعهده کاربر هست. برای مطالعه متن اصلی خبر، اینجا رو کلیک کن
خلاصهٔ کاملتر
یه همکار از نویسنده پرسیده بود که چطور باید یه جدول رو که سلول گوشهاش با یه خط مورب به دو هدر تقسیم میشه (یکی مال ستونها، یکی مال ردیفها) بهدرستی markup کرد؛ همون چیزی که تو مستندات Apollo 16 دیده بود. اولین فکر نویسنده این بود که دو تا span بذاره تو همون سلول و با grid یا position جاشون بده، ولی به گفتهٔ خودش دسترسیپذیری این روش (که Wikipedia هم استفاده میکنه) مشکوک بهنظر میرسید، برای همین رفت سراغ یه راه دیگه.
نویسنده میگه وقتی ایدهاش رو با کارشناسهای دسترسیپذیری مثل Alice Boxhall و Adrian Roselli مطرح کرد، اونا یه ایراد گرفتن: ردیف دومِ هدر که یه ردیف کامل از سلولها نیست، قانون WCAG 1.3.3 رو نقض میکنه. راهحل پیشنهادیشون این بود که بیشتر سلولهای ردیف اول با rowspan="2" کشیده بشن پایین:
خلاصهٔ کاملتر این خبر رو میتونی با داشتن اشتراک ویژه بخونی!
اشتراک رایگان
- دسترسی به خلاصهٔ کوتاه خبر
- ارسال اخبار مورد علاقه به ایمیل شما
- ارسال اخبار مورد علاقه به تلگرام شما
- دسترسی به خلاصهٔ کامل/اختصاصی خبر + نکات کلیدی مقاله
- عدم نمایش تبلیغات
اشتراک ویژه
- دسترسی به خلاصهٔ کوتاه خبر
- ارسال اخبار مورد علاقه به ایمیل شما
- ارسال اخبار مورد علاقه به تلگرام شما
- دسترسی به خلاصهٔ کامل/اختصاصی خبر + نکات کلیدی مقاله
- عدم نمایش تبلیغات




