# बटन में पहचाना जा सकने वाला टेक्स्ट होना चाहिए WCAG 4.1.2 Name, Role, Value · लेवल A कुछ बटन का कोई एक्सेसिबल नाम नहीं है, इसलिए स्क्रीन रीडर इस्तेमाल करने वालों को सिर्फ़ “button” सुनाई देता है। ## यह नियम क्या जाँचता है सुनिश्चित करता है कि बटन में पहचाना जा सकने वाला टेक्स्ट हो. ## यह क्यों ज़रूरी है WCAG 4.1.2 के अनुसार हर कंट्रोल का एक नाम होना चाहिए। बिना नाम वाले बटन में अक्सर क्वांटिटी स्टेपर, बंद करने वाले बटन और स्लाइडर के तीर शामिल होते हैं। ## इसे कैसे ठीक करें ### किसी भी वेबसाइट पर 1. बिना नाम वाले बटन ढूँढें, आमतौर पर ऐसे बटन जो सिर्फ़ एक आइकन दिखाते हैं। 2. दिखने वाला टेक्स्ट, विज़ुअली हिडन टेक्स्ट, या ऐसा aria-label जोड़ें जो बताए कि बटन क्या करता है (जैसे aria-label="Close" या aria-label="Increase quantity")। ### Shopify पर 1. बिना नाम वाले बटन ढूँढें, आमतौर पर ऐसे बटन जो सिर्फ़ एक आइकन दिखाते हैं। 2. दिखने वाला टेक्स्ट, विज़ुअली हिडन टेक्स्ट, या ऐसा aria-label जोड़ें जो बताए कि बटन क्या करता है (जैसे aria-label="Close" या aria-label="Increase quantity")। ### WooCommerce और WordPress पर 1. बिना नाम वाले बटन ढूँढें, आमतौर पर ऐसे बटन जो सिर्फ़ एक आइकन दिखाते हैं। 2. दिखने वाला टेक्स्ट, विज़ुअली हिडन टेक्स्ट, या ऐसा aria-label जोड़ें जो बताए कि बटन क्या करता है (जैसे aria-label="Close" या aria-label="Increase quantity")। ## सुधार की जांच कैसे करें - प्रभावित पेजों को दोबारा स्कैन करें। - स्क्रीन रीडर से बटन जांचें। ## स्रोत - axe-core नियम का डॉक्यूमेंटेशन (Deque): https://dequeuniversity.com/rules/axe/4.13/button-name - WCAG 4.1.2 की व्याख्या (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value