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

Semantic and Accessibility Advantages المزايا الدلالية وإتاحة القوائم

تعلم أساسيات قوائم HTML: اكتشف أهمية القوائم في تنظيم المحتوى، وقارن بين القوائم النقطية والرقمية والوصفية، وأتقن استخدام عنصر li وبناء أشرطة التنقل الميسرة لذوي الإعاقة.
4 صفوف تعليمية
لغة HTML
11,597 مشاهدة

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

الصف 1 شرح توضيحي
تعتمد التقنيات المساعدة وعلى رأسها برمجيات قارئات الشاشة مثل NVDA وVoiceOver اعتماداً كلياً على البنية الدلالية للقوائم. بمجرد وصول القارئ الصوتي إلى القائمة، يُعلن للمستخدم وجود قائمة مع ذكر عدد بنودها الكلي (مثل: "قائمة، 4 عناصر").
الصف 2 شرح توضيحي
عند تنقل المستخدم بين البنود، يقرأ البرنامج كل عنصر مع رقم موضعه الفعلي (مثل: "عنصر 2 من 4"). يمنح هذا الإدراك المكاني للمستخدمين المكفوفين خريطة ذهنية واضحة لحجم المعلومات ومقدار التقدم المحرز في قراءة القائمة.
الصف 3 كود برمجي
HTML
<h2>Course Chapters</h2>
<ul>
  <li><a href="#syntax">Syntax Basics</a></li>
  <li><a href="#tables">Tables Mastery</a></li>
  <li><a href="#lists">List Structures</a></li>
</ul>
الصف 4 ملاحظة هامة