# फ़ॉर्म एलिमेंट के लेबल होने चाहिए

<https://www.fixreports.com/hi/issues/label>

WCAG 4.1.2 Name, Role, Value · लेवल A

कुछ फ़ॉर्म फ़ील्ड का कोई लेबल नहीं है, इसलिए स्क्रीन रीडर इस्तेमाल करने वालों को पता नहीं चलता कि क्या भरना है।

## यह नियम क्या जाँचता है
सुनिश्चित करता है कि हर फ़ॉर्म एलिमेंट का लेबल हो.

## यह क्यों ज़रूरी है
WCAG 1.3.1, 3.3.2 और 4.1.2 के अनुसार फ़ॉर्म फ़ील्ड के लेबल होने चाहिए। न्यूज़लेटर साइन-अप और सर्च फ़ील्ड में यह समस्या आम है।

## इसे कैसे ठीक करें
### किसी भी वेबसाइट पर
1. हर फ़ील्ड को एक <label for="field-id"> एलिमेंट दें, या कम से कम एक aria-label।
2. सिर्फ़ प्लेसहोल्डर टेक्स्ट को लेबल नहीं माना जाता।

### Shopify पर
1. हर फ़ील्ड को एक <label for="field-id"> एलिमेंट दें, या कम से कम एक aria-label।
2. सिर्फ़ प्लेसहोल्डर टेक्स्ट को लेबल नहीं माना जाता।

### WooCommerce और WordPress पर
1. हर फ़ील्ड को एक <label for="field-id"> एलिमेंट दें, या कम से कम एक aria-label।
2. सिर्फ़ प्लेसहोल्डर टेक्स्ट को लेबल नहीं माना जाता।

## सुधार की जांच कैसे करें
- दोबारा स्कैन करें और पुष्टि करें कि label नियम अब फ़ेल नहीं होता।
- हर लेबल पर क्लिक करें और जांचें कि उससे उसका फ़ील्ड फ़ोकस होता है।

## स्रोत
- axe-core नियम का डॉक्यूमेंटेशन (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- WCAG 4.1.2 की व्याख्या (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value