WCAG 4.1.2 · लेवल A

बटन में पहचाना जा सकने वाला टेक्स्ट होना चाहिए

कुछ बटन का कोई एक्सेसिबल नाम नहीं है, इसलिए स्क्रीन रीडर इस्तेमाल करने वालों को सिर्फ़ “button” सुनाई देता है।

यह नियम क्या जाँचता है

सुनिश्चित करता है कि बटन में पहचाना जा सकने वाला टेक्स्ट हो.

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

WCAG 4.1.2 के अनुसार हर कंट्रोल का एक नाम होना चाहिए। बिना नाम वाले बटन में अक्सर क्वांटिटी स्टेपर, बंद करने वाले बटन और स्लाइडर के तीर शामिल होते हैं।

इसे कैसे ठीक करें

  1. बिना नाम वाले बटन ढूँढें, आमतौर पर ऐसे बटन जो सिर्फ़ एक आइकन दिखाते हैं।
  2. दिखने वाला टेक्स्ट, विज़ुअली हिडन टेक्स्ट, या ऐसा aria-label जोड़ें जो बताए कि बटन क्या करता है (जैसे aria-label="Close" या aria-label="Increase quantity")।

सुधार की जांच कैसे करें

  • प्रभावित पेजों को दोबारा स्कैन करें।
  • स्क्रीन रीडर से बटन जांचें।

FixReports इसे कैसे ढूँढता है

हमारा स्कैन जिस भी पेज को टेस्ट करता है, उस पर एक असली Chrome ब्राउज़र में axe-core का button-name नियम चलाता है, और फ़ेल होने वाले हर एलिमेंट को उसके पेज, उसके मार्कअप और, जहाँ लागू हो, एक स्क्रीनशॉट के साथ दिखाता है।

ऑटोमेटेड टेस्ट पुष्टि करता है कि यह ख़ास समस्या मौजूद है। वह यह नहीं बता सकता कि पेज का बाकी हिस्सा एक्सेसिबल है या नहीं: कुछ बाधाएँ तभी सामने आती हैं जब कोई व्यक्ति पेज की जाँच करता है।

आज ही अपनी वेबसाइट स्कैन करें

ढूंढें। ठीक करें। पुष्टि करें।

यह किस तरह की वेबसाइट है?

आपका जवाब सही जाँचें चुनता है, जैसे ऑनलाइन स्टोर के लिए खरीदारी की प्रक्रिया। फिर भी हम साइट के अपने संकेत जाँचते हैं और दोनों दिखाते हैं।

यह किस तरह की वेबसाइट है?

मुफ़्त स्कैन। क्रेडिट कार्ड की ज़रूरत नहीं।