Micromodal.js؛ مودال سبک و دسترسپذیر
Micromodal.js یه کتابخونهٔ سبک و کاملاً جاوااسکریپتی برای ساختن پنجرههای مودال (dialog) ـه که فقط ۱.۹ کیلوبایت حجم داره. کارش اینه که مودالهایی مطابق با دستورالعملهای WAI-ARIA بسازی، اون هم با کمترین تنظیمات. کارهای سختی مثل بستن مودال با کلیک روی پسزمینه یا کلید esc، گیر انداختن فوکوس داخل مودال و برگردوندن فوکوس به جای قبلی رو خودش انجام میده. هیچ استایلی هم تحمیل نمیکنه و ظاهرش کاملاً دست خودته.
این محتوا بهصورت خودکار با استفاده از هوش مصنوعی تولید شده، و بررسی نهایی اون پیش از استفاده توصیه میشه. مسئولیت استفاده بهعهده کاربر هست. برای مطالعه متن اصلی خبر، اینجا رو کلیک کن
خلاصهٔ کاملتر
به گفتهٔ سازندهٔ این کتابخونه، Micromodal.js یه کتابخونهٔ مودال سبک، قابلتنظیم و دسترسپذیره که با جاوااسکریپت خالص نوشته شده. حجمش بعد از فشردهسازی فقط ۱.۹ کیلوبایته، ولی کاری که میکنه اینه که بتونی با خیال راحت پنجرههای مودالی بسازی که با دستورالعملهای WAI-ARIA سازگارن. منظور از مودال همون پنجرهٔ شناوریه که روی بقیهٔ محتوا میاد و معمولاً یه لایهٔ تیره پشتش میذاره.
نکتهٔ اصلی اینه که این کتابخونه اون کارهای دردسرسازِ دسترسپذیری رو خودش حل میکنه. مثلاً بستن مودال با کلیک روی پسزمینه یا فشار دادن کلید esc، عوض کردن مقدار ویژگی aria-hidden، گیر انداختن فوکوسِ کلید Tab داخل مودال، نگهداشتن جای فوکوس قبل و بعد از باز شدن، و بردن فوکوس روی اولین عنصر قابلفوکوس داخل مودال.
خلاصهٔ کاملتر این خبر رو میتونی با داشتن اشتراک ویژه بخونی!
اشتراک رایگان
- دسترسی به خلاصهٔ کوتاه خبر
- ارسال اخبار مورد علاقه به ایمیل شما
- ارسال اخبار مورد علاقه به تلگرام شما
- دسترسی به خلاصهٔ کامل/اختصاصی خبر + نکات کلیدی مقاله
- عدم نمایش تبلیغات
اشتراک ویژه
- دسترسی به خلاصهٔ کوتاه خبر
- ارسال اخبار مورد علاقه به ایمیل شما
- ارسال اخبار مورد علاقه به تلگرام شما
- دسترسی به خلاصهٔ کامل/اختصاصی خبر + نکات کلیدی مقاله
- عدم نمایش تبلیغات




