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

<https://www.fixreports.com/hi/issues/link-name>

WCAG 2.4.4 Link Purpose (In Context), 4.1.2 Name, Role, Value · लेवल A

कुछ लिंक में ऐसा कोई टेक्स्ट नहीं है जिसे स्क्रीन रीडर पढ़ सके; अक्सर ये सिर्फ़ आइकन वाले लिंक होते हैं, जैसे सोशल आइकन या कार्ट आइकन।

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

## यह क्यों ज़रूरी है
WCAG 2.4.4 और 4.1.2 के अनुसार लिंक का ऐसा एक्सेसिबल नाम होना चाहिए जो उनका मकसद बताए।

## इसे कैसे ठीक करें
### किसी भी वेबसाइट पर
1. बिना नाम वाले लिंक ढूँढें। ज़्यादातर ये किसी <a> टैग के अंदर रखे आइकन या इमेज होते हैं।
2. लिंक के अंदर विज़ुअली हिडन टेक्स्ट जोड़ें, या aria-label="Instagram" या aria-label="Cart" जैसा aria-label।
3. अगर लिंक के अंदर इमेज है, तो इसके बजाय इमेज को अर्थपूर्ण alt टेक्स्ट दें।

### Shopify पर
1. बिना नाम वाले लिंक ढूँढें। ज़्यादातर ये किसी <a> टैग के अंदर रखे आइकन या इमेज होते हैं।
2. लिंक के अंदर विज़ुअली हिडन टेक्स्ट जोड़ें, या aria-label="Instagram" या aria-label="Cart" जैसा aria-label।
3. अगर लिंक के अंदर इमेज है, तो इसके बजाय इमेज को अर्थपूर्ण alt टेक्स्ट दें।

### WooCommerce और WordPress पर
1. बिना नाम वाले लिंक ढूँढें। ज़्यादातर ये किसी <a> टैग के अंदर रखे आइकन या इमेज होते हैं।
2. लिंक के अंदर विज़ुअली हिडन टेक्स्ट जोड़ें, या aria-label="Instagram" या aria-label="Cart" जैसा aria-label।
3. अगर लिंक के अंदर इमेज है, तो इसके बजाय इमेज को अर्थपूर्ण alt टेक्स्ट दें।

## सुधार की जांच कैसे करें
- दोबारा स्कैन करें और पुष्टि करें कि link-name अब नहीं दिखता।
- स्क्रीन रीडर चालू रखकर हर लिंक पर Tab करें और उसका नाम सुनें।

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