स्क्रीन रीडर को उपयोगकर्ता के लिए यूज़र इंटरफ़ेस को बोलकर सुनाने के लिए, ज़रूरी एलिमेंट में सही लेबल या टेक्स्ट के विकल्प होने चाहिए. किसी लेबल या टेक्स्ट के विकल्प से, एलिमेंट को ऐक्सेस किया जा सकने वाला नाम मिलता है. यह सुलभता ट्री में एलिमेंट के सिमैंटिक को दिखाने के लिए, मुख्य प्रॉपर्टी में से एक है.
जब किसी एलिमेंट के नाम को एलिमेंट की भूमिका के साथ जोड़ा जाता है, तो इससे उपयोगकर्ता को कॉन्टेक्स्ट मिलता है. इससे उन्हें यह समझने में मदद मिलती है कि वे किस तरह के एलिमेंट से इंटरैक्ट कर रहे हैं और पेज पर इसे कैसे दिखाया गया है. अगर नाम मौजूद नहीं है, तो स्क्रीन रीडर सिर्फ़ एलिमेंट की भूमिका के बारे में बताता है. कल्पना करें कि आपको किसी पेज पर नेविगेट करना है और आपको "बटन", "चेकबॉक्स", "इमेज" जैसी जानकारी सुनाई जा रही है. हालांकि, आपको इनके बारे में कोई अतिरिक्त जानकारी नहीं दी जा रही है. इसलिए, लेबलिंग और टेक्स्ट के विकल्प, सुलभता के लिए ज़रूरी हैं.
किसी एलिमेंट के नाम की जांच करना
Chrome के DevTools में, किसी एलिमेंट का ऐक्सेस किया जा सकने वाला नाम देखा जा सकता है:
- किसी एलिमेंट पर राइट क्लिक करें और जांच करें को चुनें. इससे DevTools का Elements पैनल खुलता है.
- एलिमेंट पैनल में, सुलभता पैन ढूंढें. यह
»सिंबल के पीछे छिपा हो सकता है. - कैलकुलेट की गई प्रॉपर्टी ड्रॉप-डाउन में, नाम प्रॉपर्टी ढूंढें.
