WCAG 2.4.4, 4.1.2 · लेवल A

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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