انتقل إلى محتوى الدرس

Collapse ARIA Attributes سمات الإتاحة لقارئات الشاشة

أتقن مكوّن الطي والإظهار Collapse في بوتستراب 5 عبر سمات data-bs-toggle وجافاسكريبت القياسية لتحريك اللوحات الرأسية والأفقية والتحكم المتعدد وسمات الإتاحة والأحداث البرمجية.
3 صفوف تعليمية
بوتستراب 5
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لا يكتمل بناء مكوّن الطي الاحترافي دون ضبط عقد الإتاحة لقارئات الشاشة ولوحة المفاتيح؛ إذ يجب ضبط السمة aria-expanded="false" على زر المشغل إذا كان القسم مغلقاً عند البداية، أو aria-expanded="true" إذا بدأ القسم مفتوحاً بكلاس .show، وسيواصل الإطار تبديل قيمتها تلقائياً بعد ذلك.

كما تربط السمة aria-controls="panelId" الزر بمعرّف الكتلة المطوية برمجياً، وعندما يتحكم زر واحد في عدة كتل تفصل بين معرّفاتها بمسافة مثل aria-controls="colA colB".

الصف 2 ملاحظة هامة
الصف 3 ملاحظة هامة