WCAG 4.1.2 · लेवल A

ARIA से छिपा एलिमेंट फ़ोकस होने लायक नहीं होना चाहिए, और न ही उसमें फ़ोकस होने लायक एलिमेंट होने चाहिए

फ़ोकस हो सकने वाले एलिमेंट स्क्रीन रीडर से छिपे हैं, लेकिन कीबोर्ड से अब भी उन तक पहुंचा जा सकता है।

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

सुनिश्चित करता है कि aria-hidden एलिमेंट फ़ोकस होने लायक न हों और उनमें फ़ोकस होने लायक एलिमेंट न हों.

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

कीबोर्ड इस्तेमाल करने वाले ऐसे एलिमेंट पर पहुंचते हैं जिन्हें स्क्रीन रीडर नहीं पढ़ते (WCAG 4.1.2)।

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

  1. जिन कंटेनर में फ़ोकस हो सकने वाले एलिमेंट हैं, उनसे aria-hidden हटाएं, या छिपे हुए ऑफ़-कैनवस मेन्यू और स्लाइड में tabindex="-1" और inert एट्रिब्यूट जोड़ें।

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

  • स्क्रीन रीडर चालू रखकर पूरे पेज पर Tab करते हुए आगे बढ़ें।

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

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

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

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

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

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

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

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

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