خيار واحد فقط

أزرار radio لا تصبح مجموعة لأنها متجاورة، بل لأنها تحمل الاسم نفسه، فإذا أعطيت كل زرّ اسمًا مختلفًا صار كل واحد منها مستقلًّا، واستطاع المستخدم أن يختار الخيارات الثلاثة معًا.

ويجمعها العنصر <fieldset> في بنية الصفحة كما تراها العين مجتمعة، ويضع <legend> في أوّله السؤال الذي تجيب عنه. ويقرأ قارئ الشاشة هذا السؤال عند الدخول إلى المجموعة، فيعرف المستخدم المطلوب قبل أن يسمع «سريع».

وانتبه إلى خطأ شائع، فالزرّ الذي ليس له value تكون قيمته "on"، فتصلك الإجابة نفسها أيًّا كان اختيار المستخدم. أمّا قراءة الاختيار فيكفيها سطر واحد، لأن form.elements.shipping.value تعطيك قيمة الزرّ المختار.