कई उपयोगकर्ताओं के लिए, सुलभता का मतलब यूज़र इंटरफ़ेस होता है. इसकी सुविधाएं अक्सर उन लोगों के लिए काम की होती हैं जिन्हें आपके एक्सटेंशन के साथ इंटरैक्ट करने के लिए, मुख्य रूप से सुलभता की ज़रूरत नहीं होती. इसकी तकनीकें अलग-अलग होती हैं. कम से कम, टेक्स्ट उच्च-कंट्रास्ट वाला होना चाहिए. वीडियो के लिए कैप्शन जोड़े जाने चाहिए. इमेज में 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>
इन तकनीकों को लागू करने के साथ-साथ और भी बहुत कुछ करने के निर्देशों के लिए, सहायता के लिए सुलभता सुविधाएं देखें.