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

Form Accessibility Fundamentals أساسيات إتاحة النماذج للمستخدمين

تعلم بناء نماذج الويب في HTML: اكتشف كيفية جمع مدخلات المستخدمين، ونقل البيانات عبر الشبكة، وتوظيف حقول الإدخال الدلالية، وتأمين النماذج وفق أعلى معايير الإتاحة الرقمية.
5 صفوف تعليمية
لغة HTML
12,314 مشاهدة

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

الصف 1 شرح توضيحي
تمثل الإتاحة وسهولة الوصول متطلباً جوهرياً لكافة النماذج الرقمية. يجب أن يمتلك كل حقل إدخال اسماً دلالياً واضحاً، ويتحقق ذلك بربط عنصر التسمية التوضيحية <label> بالحقل المستهدف عبر مطابقة خاصية for مع معرف الحقل id.
الصف 2 صورة توضيحية
المخطط البنائي للنموذج المتوافق مع معايير الإتاحة وسهولة الوصول
الصف 3 شرح توضيحي
يوسع الربط الصريح للتسميات مساحة النقر التفاعلية للحقل، مما يساعد المستخدمين ذوي الصعوبات الحركية في الأجهزة اللوحية والهواتف. كما يضمن الترتيب المنطقي للشيفرة تنقلاً سلساً بلمسات زر التنقل عبر لوحة المفاتيح.
الصف 4 كود برمجي
HTML
<!-- Explicit label association with id matching -->
<form action="/register" method="post">
  <label for="reg-email">Email Address:</label>
  <input id="reg-email" name="email" type="email">
  <button type="submit">Continue</button>
</form>
الصف 5 ملاحظة هامة