Alt टेक्स्ट, हेडिंग, अच्छे कंट्रास्ट और साफ़ लिंक शीर्षकों से आप अपना पेज सभी के लिए सुलभ बनाते हैं – स्क्रीन रीडर इस्तेमाल करने वालों के लिए भी।
सुलभ पेज को हर कोई इस्तेमाल कर सकता है: स्क्रीन रीडर इस्तेमाल करने वाले, कमज़ोर नज़र वाले, स्क्रीन पर हलचल से बचने वाले, या बस धूप में अपना फ़ोन देख रहे लोग। LinkHarbor बहुत कुछ अपने आप सँभालता है; कुछ बातें आप पर निर्भर हैं। यह लेख बताता है कि किन बातों पर ध्यान दें।
LinkHarbor अपने आप क्या करता है
- अगर किसी विज़िटर ने अपने सिस्टम में “Reduce motion” (गति कम करें) चालू किया है, तो बैकग्राउंड वीडियो नहीं चलते, और स्क्रॉल व पैरालैक्स इफ़ेक्ट और होवर एनिमेशन बंद हो जाते हैं
- “शीर्षक” ब्लॉक एक असली हेडिंग के रूप में बनता है, जिससे स्क्रीन रीडर दिशा पाते हैं
- “इमेज” और “गैलरी” ब्लॉक की इमेज को आपका Alt टेक्स्ट उनके विवरण के रूप में मिलता है
- अगर आपने बटन के लिए अपना टेक्स्ट रंग नहीं चुना है, तो LinkHarbor बटन के रंग से मेल खाता रंग चुनता है
इमेज के लिए Alt टेक्स्ट
Alt टेक्स्ट बताता है कि इमेज में क्या दिख रहा है। स्क्रीन रीडर इसे पढ़कर सुनाते हैं, और इमेज लोड न होने पर यह दिखता है।
- “इमेज” ब्लॉक
- ब्लॉक एडिटर में “Alt टेक्स्ट” फ़ील्ड।
- “गैलरी” ब्लॉक
- हर इमेज के लिए ज़्यादा से ज़्यादा 200 अक्षरों का एक “Alt टेक्स्ट”।
- कंटेंट का वर्णन करें, फ़ाइल का नहीं: “IMG_2041” की जगह “लकड़ी की मेज़ पर लाटे आर्ट वाली कैपुचिनो”
- जिन इमेज में टेक्स्ट है, उनका टेक्स्ट Alt टेक्स्ट में आना चाहिए
- छोटा रखें – आमतौर पर एक वाक्य काफ़ी है
ये फ़ील्ड कहाँ मिलते हैं, यह मुफ़्त ब्लॉक विस्तार से और कंटेंट ब्लॉक में बताया गया है।
हेडिंग से संरचना
लंबे पेजों को बड़े टेक्स्ट की जगह “शीर्षक” ब्लॉक से बाँटें। स्क्रीन रीडर इस्तेमाल करने वाले एक हेडिंग से दूसरी हेडिंग पर जाते हैं और इस तरह जल्दी वह पा लेते हैं जो वे ढूँढ रहे हैं – जैसे “खुलने का समय” या “संपर्क”।
साफ़ लिंक शीर्षक
- हर लिंक अपने आप में समझ आना चाहिए: “यहाँ क्लिक करें” की जगह “मेन्यू PDF में”
- अलग-अलग लक्ष्यों के लिए एक जैसे शीर्षक न रखें
- शीर्षक की शुरुआत में इमोजी पढ़कर सुनाए जाते हैं; उनका कम इस्तेमाल करें
लिंक के बारे में ज़्यादा लिंक जोड़ें और उन्हें स्टाइल करें में।
कंट्रास्ट और पढ़ने में आसानी
- टेक्स्ट और बैकग्राउंड के बीच पर्याप्त कंट्रास्ट रखें, ख़ासकर हल्के पेस्टल रंगों के साथ
- अगर टेक्स्ट किसी बैकग्राउंड इमेज या वीडियो के ऊपर है, तो थीम में “ओवरले पारदर्शिता” इस्तेमाल करें ताकि वह पढ़ने लायक रहे
- कोई ज़रूरी टेक्स्ट सिर्फ़ इमेज में न रखें – स्क्रीन रीडर वाले विज़िटर उसे नहीं पढ़ सकते
- टेक्स्ट ब्लॉक के लिए आसानी से पढ़ा जाने वाला फ़ॉन्ट और बहुत छोटा न हो ऐसा फ़ॉन्ट साइज़ चुनें
रंग, बैकग्राउंड और फ़ॉन्ट आप थीम में तय करते हैं, देखें डिज़ाइन।
कस्टम CSS सावधानी से इस्तेमाल करें
कस्टम CSS से आप लगभग कुछ भी बदल सकते हैं – सुलभता के लिए ज़रूरी चीज़ें भी। फ़ोकस आउटलाइन न छिपाएँ, टेक्स्ट को बहुत छोटा न करें, और बदलाव के बाद पेज को कीबोर्ड से भी जाँचें। देखें कस्टम CSS।
ख़ुद जाँचें
- अपने फ़ोन पर स्क्रीन रीडर चालू करें (iPhone पर VoiceOver, Android पर TalkBack) और अपना पेज सुनें
- सिस्टम सेटिंग में टेक्स्ट का साइज़ बढ़ाएँ और देखें कि सब कुछ पढ़ने लायक रहता है
- पेज को तेज़ रोशनी में और डार्क मोड में देखें
यह भी आपके काम आ सकता है
कुछ नहीं मिला?
हमें बताएँ कि आपको क्या चाहिए, और हमारी सपोर्ट टीम ख़ुद आपकी मदद करेगी।