यह नियम क्या जाँचता है
सुनिश्चित करता है कि हर फ़ॉर्म एलिमेंट का लेबल हो.
यह क्यों ज़रूरी है
WCAG 1.3.1, 3.3.2 और 4.1.2 के अनुसार फ़ॉर्म फ़ील्ड के लेबल होने चाहिए। न्यूज़लेटर साइन-अप और सर्च फ़ील्ड में यह समस्या आम है।
इसे कैसे ठीक करें
- हर फ़ील्ड को एक <label for="field-id"> एलिमेंट दें, या कम से कम एक aria-label।
- सिर्फ़ प्लेसहोल्डर टेक्स्ट को लेबल नहीं माना जाता।
सुधार की जांच कैसे करें
- दोबारा स्कैन करें और पुष्टि करें कि label नियम अब फ़ेल नहीं होता।
- हर लेबल पर क्लिक करें और जांचें कि उससे उसका फ़ील्ड फ़ोकस होता है।
FixReports इसे कैसे ढूँढता है
हमारा स्कैन जिस भी पेज को टेस्ट करता है, उस पर एक असली Chrome ब्राउज़र में axe-core का label नियम चलाता है, और फ़ेल होने वाले हर एलिमेंट को उसके पेज, उसके मार्कअप और, जहाँ लागू हो, एक स्क्रीनशॉट के साथ दिखाता है।
ऑटोमेटेड टेस्ट पुष्टि करता है कि यह ख़ास समस्या मौजूद है। वह यह नहीं बता सकता कि पेज का बाकी हिस्सा एक्सेसिबल है या नहीं: कुछ बाधाएँ तभी सामने आती हैं जब कोई व्यक्ति पेज की जाँच करता है।