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

Button Focus and Accessibility إتاحة الأزرار والتنقل بلوحة المفاتيح

تعلم هندسة أزرار نماذج HTML عبر المقارنة بين عنصري button و input وإرسال النماذج والعمليات البرمجية وزر الضبط وإحداثيات النقر الصوري وتصميم شريط الأزرار المتاح.
3 صفوف تعليمية
لغة HTML
6,335 مشاهدة

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

الصف 1 شرح توضيحي
تمتلك عناصر <button> دلالة إتاحة قياسية مدمجة تدعم لوحة المفاتيح تلقائياً. يدرجها المتصفح في مسار التنقل بمفتاح Tab، ويفعل استجابتها لمفتاحي Enter و Space. إن محاولة محاكاة الأزرار بعناصر نصية غير تفاعلية يعطل قارئات الشاشة ويضعف الإتاحة.
الصف 2 كود برمجي
HTML
<form>
  <button type="button" autofocus>
    <strong>Review</strong> Order
  </button>
  <input type="submit" value="Confirm Order">
</form>
الصف 3 ملاحظة هامة