From MDN:पहुँच: एसआर केवल या aria-लेबल
नीचे दिए गए उदाहरण में, एक बटन बीच में एक एक्स के साथ एक विशिष्ट "बंद" बटन की तरह लग रहे करने के लिए, स्टाइल है। चूंकि बटन का उद्देश्य संवाद को बंद करना है, यह इंगित करने के लिए कुछ भी नहीं है, इसलिए एरिया-लेबल विशेषता किसी भी सहायक तकनीकों को लेबल प्रदान करने के लिए उपयोग की जाती है।
<button aria-label="Close" onclick="myDialog.close()">X</button>
बूटस्ट्रैप प्रलेखन के अनुसार:
साथ .sr-केवल
तो मुझे लगता है कि मैं भी लिख सकता है, स्क्रीन रीडर को छोड़कर सभी उपकरणों के लिए एक तत्व छिपाएं:
<button onclick="myDialog.close()"><span class="sr-only">Close</span>X</button>
बूटस्ट्रैप समर्थक में जेक्ट, मैं कैसे चुन सकता हूं कि कौन सा पसंद करना है?
'sr-only' के पास पहुंच के साथ कुछ भी नहीं है। यह स्क्रीन पाठकों को छोड़कर ** ** तत्व छुपाता है। इसका मतलब यह नहीं है कि यह स्वचालित रूप से तत्व स्क्रीन रीडर अनुकूल बनाता है। –
ध्यान दें कि बीएस 4 '.sr-only' में कोड में X' कोड में बदल दिया गया है। – 10basetom