بناء يمكن الوصول إليها ويندوز مشروط مع A11y الحوار

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

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

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

يبدو مثل نافذة مشروط نموذجي. لكن هذا السيناريو يستخدم علامات ARIA لدعم إمكانية الوصول الحديثة لجميع المستخدمين.

بشكل افتراضي ، حوار A11y أيضًا يدعم شاشات اللمس, لذلك التنصت له نفس تأثير النقر. يمكنك النقر أو النقر فوق أي مكان خارج النافذة لإغلاقه ، أو على جهاز الكمبيوتر ، اضغط على مفتاح ESC.

بطريقة ما ، هذه المكتبة صغيرة جدا, 1.2 كيلو بايت فقط, بما في ذلك جميع كود CSS و JS. هذا يجعلها خفيفة الوزن على قمة الوصول إليها بالكامل.

يمكنك معرفة المزيد من خلال قراءة جيثب ريبو و A11y الحوار له صفحة التوثيق الخاصة, جدا. ويشمل هذا القسم على التثبيت والإعداد للمبتدئين كاملة. هناك أيضا قسم طويل يغطي DOM API لإضافة الأزرار إلى صفحتك التي يمكنها فتح (أو إغلاق) نافذة الوسائط.

إذا كنت تحاول بناء المزيد من المواقع يمكن الوصول إليها النظر بجدية في تشغيل A11y Dialog في مشاريعك. يمكنك الحصول على شفرة المصدر من GitHub أو تنزيله من مدير الحزم مثل npm أو Bower.

ألق نظرة على الصفحة الرئيسية لمعرفة المزيد حول الإعداد وميزات JavaScript الأساسية. هذه المكتبة تأتي مع أكثر بكثير من الوصول ARIA, لذلك يستحق الاختبار إذا كنت ترغب في توسيع ميزات الإطارات مشروط.