पाठ 17 / 30

लेबल और फ़ील्डसेट

label for, fieldset और legend से forms accessible बनाएँ ताकि हर field बताया और click किया जा सके।

label for + fieldset

<label for> किसी इनपुट के id से मेल खाता है; <legend> के साथ <fieldset> संबंधित फ़ील्ड को समूहित करता है।

<fieldset>
  <legend>Contact Info</legend>
  <label for="email">Email</label>
  <input id="email" type="email" name="email">
</fieldset>

label क्यों ज़रूरी है

सही <label> स्क्रीन रीडर को फ़ील्ड बताने देता है और यूज़र को टेक्स्ट पर क्लिक करके इनपुट पर फ़ोकस करने देता है — सिर्फ सजावट नहीं है।