पाठ 20 / 30

Alt टेक्स्ट और ARIA

Alt text, decorative images के लिए खाली alt और aria-label से content को screen readers के लिए उपयोगी बनाएँ।

Alt टेक्स्ट वैकल्पिक नहीं है

स्क्रीन रीडर इमेज की जगह alt टेक्स्ट बोलता है। सजावटी इमेज के लिए alt="" उपयोग करें ताकि उसे छोड़ दिया जाए, बिल्कुल बिना alt के न रखें।

जब किसी एलिमेंट में कोई दिखने वाला टेक्स्ट न हो (जैसे आइकन बटन), aria-label सहायक तकनीक को बताने के लिए कुछ देता है।

<button aria-label="Close dialog">&times;</button>

त्वरित जाँच: पूरी तरह सजावटी इमेज का alt एट्रिब्यूट क्या होना चाहिए?

Answer

एक खाली स्ट्रिंग alt="" — `alt=""` स्क्रीन रीडर को चुपचाप छोड़ने को कहता है, जो पूरी तरह सजावटी इमेज के लिए सही है।