अपने एक्सटेंशन को ऐक्सेस करने लायक बनाएं

कई उपयोगकर्ताओं के लिए, सुलभता असल में यूज़र इंटरफ़ेस है. इसकी सुविधाएं अक्सर उन लोगों के लिए काम की होती हैं जिन्हें आपके एक्सटेंशन से इंटरैक्ट करने के मुख्य तरीके के तौर पर, सुलभता की ज़रूरत नहीं होती. तकनीक अलग-अलग हैं. टेक्स्ट बहुत कम-कंट्रास्ट वाला होना चाहिए. वीडियो में कैप्शन होने चाहिए. इमेज में alt एट्रिब्यूट शामिल होने चाहिए.

हालांकि, जैसा कि बताया गया है, यह बहुत कम है. यहां अतिरिक्त तकनीकों के बारे में बताया गया है.

सुलभता लागू करने के कुछ तरीके हैं, लेकिन स्टैंडर्ड एचटीएमएल कंट्रोल का इस्तेमाल करना सबसे आसान है, खास तौर पर इनपुट एलिमेंट. इस इमेज में ये कंट्रोल दिखाए गए हैं.

बटन, चेकबॉक्स, रेडियो, टेक्स्ट, चुनने/विकल्प और लिंक के लिए स्क्रीनशॉट और कोड
बटन, चेकबॉक्स, रेडियो, टेक्स्ट, चुनने/विकल्प, और लिंक के लिए स्क्रीनशॉट और कोड.

दूसरे एलिमेंट ऐक्सेस करने के लिए, ARIA एट्रिब्यूट का इस्तेमाल करें. ये एट्रिब्यूट, स्क्रीन रीडर को वेब पेज के फ़ंक्शन और कंट्रोल की मौजूदा स्थिति के बारे में जानकारी देते हैं. यहां एक उदाहरण दिया गया है.

<div role="toolbar" tabindex="0" aria-activedescendant="button1">
  <img src="buttoncut.png" role="button" alt="cut" id="button1">
  <img src="buttoncopy.png" role="button" alt="copy" id="button2">
  <img src="buttonpaste.png" role="button" alt="paste" id="button3">
</div>

डिफ़ॉल्ट रूप से, एचटीएमएल डीओएम में सिर्फ़ ऐंकर, बटन, और फ़ॉर्म कंट्रोल के एलिमेंट शामिल किए जा सकते हैं. अच्छी बात यह है कि अगर एचटीएमएल एलिमेंट पर tabIndex एट्रिब्यूट सेट किया जाता है, तो इसे कीबोर्ड फ़ोकस की सुविधा मिलती है. उदाहरण के लिए:

<div tabindex="0">I can receive focus with the tab key.</div>

इन तकनीकों को लागू करने वगैरह के निर्देशों के लिए, सुलभता के बारे में जानकारी देखें.