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

Nested Lists Accessibility شجرة سهولة الوصول وقارئات الشاشة

تعلم القوائم المتداخلة في HTML: اكتشف العلاقات الهرمية بين القوائم، وطبق قواعد التداخل الصارم داخل عناصر li، وتجنب أخطاء الإغلاق المبكر، وابنِ فهارس متعددة المستويات وقوائم منسدلة ميسرة.
4 صفوف تعليمية
لغة HTML
5,522 مشاهدة

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

الصف 1 شرح توضيحي
تتميز قارئات الشاشة بقدرة فائقة على ترجمة القوائم المتداخلة المبنية وفق المعايير السليمة. عند الدخول في قائمة فرعية، يعلن البرنامج: "قائمة مستوى 2، 3 عناصر"؛ وعند الانتهاء والعودة للأب يعلن: "الخروج من قائمة المستوى 2، استئناف المستوى 1".
الصف 2 شرح توضيحي
ترسم هذه التوجيهات الصوتية الدقيقة مساراً مكانياً واضحاً للمطورين والمستخدمين المكفوفين، مما يمكنهم من إدراك موضعهم بدقة متناهية داخل وثائق المشاريع الضخمة دون أي ارتباك أو فقدان للسياق العام.
الصف 3 ملاحظة هامة
الصف 4 ملاحظة هامة
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

ملخص الدرس: أتقنت في هذا الدرس مفهوم القوائم المتداخلة الهرمية، وقاعدة التداخل الصارم داخل عنصر li الأب، وتجنب أخطاء الإغلاق المبكر، وتخطيط الفهارس متعددة المستويات، وهندسة القوائم المنسدلة. الخطوة التالية تقودنا إلى احتراف خصائص القوائم والتحكم بأرقام البداية والترقيم التنازلي.