लिंक और बटन जैसे इंटरैक्टिव एलिमेंट को उनकी स्थिति के बारे में बताना चाहिए. साथ ही, वे नॉन-इंटरैक्टिव एलिमेंट से अलग दिखने चाहिए. यह जांचने के लिए कि इंटरैक्टिव एलिमेंट अपने मकसद और स्थिति के बारे में बताते हैं या नहीं, विज़ुअल और स्क्रीन रीडर, दोनों टेस्ट का इस्तेमाल करें.
मैन्युअल रूप से टेस्ट करने का तरीका
आपको इंटरैक्टिव एलिमेंट को विज़ुअल तौर पर और स्क्रीन रीडर की मदद से टेस्ट करना चाहिए.
विज़ुअल फ़ोकस की जांच करना
विज़ुअल फ़ोकस की मैन्युअल जांच करने के लिए, अपने पेज पर TAB दबाएं.
- क्या हर इंटरैक्टिव एलिमेंट पर TAB का इस्तेमाल करके पहुंचा जा सकता है?
- जब आप किसी इंटरैक्टिव एलिमेंट पर पहुंचते हैं, तो क्या ऐसा विज़ुअल संकेत मिलता है कि उपयोगकर्ता उससे इंटरैक्ट कर सकते हैं?
- क्या हर इंटरैक्टिव एलिमेंट को चुनने पर, उसका रंग बदल जाता है?
हर इंटरैक्टिव एलिमेंट के लिए, फ़ोकस इंडिकेटर की स्टाइल तय करने के कई तरीके हैं.
एक तरीका यह है कि :focus स्यूडो-क्लास को स्टाइल किया जाए.
जब भी एलिमेंट पर फ़ोकस किया जाता है, तब वह स्टाइल लागू हो जाती है. इससे कोई फ़र्क़ नहीं पड़ता कि फ़ोकस करने के लिए इनपुट डिवाइस या तरीके का इस्तेमाल किया गया है या नहीं.
स्टाइल फ़ोकस करने के तरीके के बारे में ज़्यादा जानें.
स्क्रीन रीडर की मदद से जांच करना
अपने पेज पर जाने के लिए, स्क्रीन रीडर का इस्तेमाल करें. साथ ही, यह देखें कि स्क्रीन रीडर, हर इंटरैक्टिव कंट्रोल का नाम, उसकी भूमिका, और इंटरैक्टिव स्टेटस की जानकारी पढ़कर सुनाता है या नहीं. अगर किसी एलिमेंट के रोल के बारे में साफ़ तौर पर जानकारी नहीं दी गई है और एलिमेंट की स्थिति के बारे में साफ़ तौर पर नहीं बताया गया है, तो आपको सही ARIA रोल जोड़ने पड़ सकते हैं.
कस्टम कंट्रोल में ARIA की भूमिकाएं लेख में ज़्यादा जानें.
यह भी ध्यान रखना ज़रूरी है कि इंटरैक्टिव एलिमेंट को कैसे लेबल किया गया है. स्क्रीन रीडर और अन्य सहायक टेक्नोलॉजी का इस्तेमाल करने वाले लोग, लेबल का इस्तेमाल करते हैं, ताकि एलिमेंट का संदर्भ समझ सकें. अस्पष्ट लेबल होना आम बात है और वे सामग्री पर नेविगेट करने के लिए मददगार नहीं होते. लेबल और वैकल्पिक टेक्स्ट को बेहतर बनाने का तरीका जानें.
यह ज़रूरी क्यों है
किसी कंट्रोल के काम करने के तरीके के बारे में विज़ुअल हिंट देने से, लोगों को आपकी साइट को इस्तेमाल करने और नेविगेट करने में मदद मिल सकती है. इन सुझावों को किफ़ायती कहा जाता है. सुविधाओं की मदद से, लोग कई तरह के डिवाइसों पर आपकी साइट का इस्तेमाल कर सकते हैं.
संसाधन
इंटरैक्टिव एलिमेंट के सोर्स कोड से उनके मकसद और स्थिति का पता चलता है ऑडिट