आपकी सामग्री को पोर्टेबल और सुलभ बनाने के 10 बेहतरीन तरीके

विषय

• अभिगम्यता एक 'सुविधा' नहीं है
• प्लेटफॉर्म को परिभाषित करना
• सामग्री को पोर्टेबल और सुलभ रखना
• 1. HTML5 से शुरू करें
• 2. वाई-एरिया
• 3. सिद्धांत का उपयोग करना
• 4. HTML5 दस्तावेज़ टैग
• 5. खराब लिंक
• 6. छवियां - ALT बनाम TITLE
• लोगों को बताएं
• सारांश
• स्वीकृतियाँ
• साधन

जब केरी अपने iPhone पर टाइप करती है, तो ऐसा लगता है कि वह बांसुरी बजा रही है। वह इसे अपने चेहरे के करीब रखती है, और उसकी उंगलियां अविश्वसनीय गति से चलती हैं। वह लिखना समाप्त करती है और अपना फोन मुझे उसके द्वारा टाइप किए गए संदेश को पढ़ने के लिए देती है। इसमें सही वर्तनी और व्याकरण है, और आईफोन के टच कीबोर्ड का उपयोग करते समय मैं जितना कर सकता था उससे कहीं अधिक तेज़ी से टाइप किया गया था।

केरी फ्लेक्सी नामक एक ऐप का उपयोग करती है ताकि वह फोन के चेहरे पर अपनी उंगलियों को ऐसे पैटर्न में स्थानांतरित कर सके जो शब्दों में बदल जाते हैं। वह समाचार भी पढ़ती है, रेडियो ऐप सुनती है, ट्विटर चेक करती है और अपने फोन से ट्रेन के समय की खोज करती है। वह पूरी तरह से अंधी है।

'प्रकाशन' का अर्थ अलग-अलग लोगों के लिए अलग-अलग चीजें हैं। कुछ लोगों के लिए, इसका मतलब मुद्रित, भौतिक मात्रा में काम करना है। अन्य लोग प्रकाशन को उपकरणों और ऐप्स के माध्यम से लिखित कार्यों को वितरित करने की क्षमता से जोड़ते हैं। अधिक से अधिक बार, लोग प्रकाशन को किसी भी प्रारूप में आनंद लेने के लिए सामग्री उपलब्ध कराने के रूप में सोचते हैं, चाहे वह किसी लेख को ब्लॉग पर धकेलना हो या Google प्लस पोस्ट को अपडेट करना हो।

वास्तविकता यह है कि उपयोगकर्ताओं के बीच अपेक्षाएँ भिन्न होती हैं, और ये अपेक्षाएँ समय के साथ बदल जाती हैं। पाठक जो कभी किसी ब्लॉग पर नवीनतम पोस्ट का सेवन करते थे, अब उम्मीद करते हैं कि वे उस ब्लॉग पोस्ट, या किसी लेख या पुस्तक को, जहां भी और जब भी उनके लिए सुविधाजनक हो, पढ़ सकते हैं। आज सामग्री हमें एक ब्लॉग से लेकर फोन पर रीडर से लेकर आईपैड पर इंस्टापेपर तक व्हिस्परनेट के माध्यम से एक जलाने के लिए भेजे गए ईमेल संस्करण तक फॉलो करती है।

हर किसी का पठन कार्यप्रवाह अलग होता है, और जिन लोगों को स्क्रीनरीडर, उच्च कंट्रास्ट या बढ़े हुए पाठ जैसी पहुंच-योग्यता सुविधाओं की आवश्यकता होती है, उनके लिए वर्कफ़्लो टूट जाता है, कभी-कभी अपूरणीय रूप से, जब लेखक और प्रकाशक मामूली लेकिन आवश्यक स्वरूपण विवरणों पर विचार करने में विफल होते हैं। इसे 'एक्सेसिबिलिटी बॉक्स की जांच' न समझें। इसके बजाय यह महसूस करें कि आप कई संभावित ग्राहकों के लिए अपनी सामग्री को प्रभावी ढंग से ब्लैक बॉक्स में बदल रहे हैं।

अभिगम्यता एक 'सुविधा' नहीं है

हालांकि यह सच है कि सुलभ नियंत्रण का उपयोग कम सुनने और देखने वाले व्यक्तियों द्वारा किया जाता है, ऐसे कई अन्य लोग भी हैं जो इससे लाभान्वित होते हैं। कम दृष्टि वाला कोई व्यक्ति स्क्रीन पर सामग्री को अधिक आसानी से पढ़ने के लिए फ़ॉन्ट आकार समायोजित करेगा। एक रंगहीन व्यक्ति रंग पैलेट को समायोजित करने की क्षमता की सराहना करता है ताकि लाल चेतावनी पाठ जैसी चीजें वास्तव में बाहर खड़ी हो जाएं। लंबे समय तक यात्रा करने वाले लोग उनके द्वारा पढ़े जा रहे लेखों को सुनने के लिए स्क्रीन रीडर का उपयोग करते हैं। गैर-देशी वक्ता नई भाषा को समझने में उनकी सहायता करने के लिए कैप्शन वाले वीडियो और ऑडियो का उपयोग करते हैं। ये सभी परिदृश्य आपकी सामग्री, बेहतर उपयोगकर्ता अनुभव और सहानुभूति, और संभवतः इससे भी अधिक राजस्व के लिए व्यापक दायरे का प्रतिनिधित्व करते हैं।

अभिगम्यता का क्या अर्थ है, इसके बारे में विस्तृत जानकारी के लिए, इयान हैमिल्टन का लेख देखें।

प्लेटफॉर्म को परिभाषित करना

आइए कुछ परिभाषाओं के साथ शुरू करें कि हम अपनी सामग्री को पढ़ने में आसान बनाने के लिए किन प्रारूपों पर ध्यान केंद्रित कर सकते हैं:

• एचटीएमएल: HTML5 के साथ, वेब लेखकों और प्रकाशकों के लिए अपना काम दिखाने के लिए और भी बेहतर जगह है। नए टैग जैसे लेख, अनुभाग, हैडर तथा फ़ुटबाल अब कई ब्राउज़रों में लागू किया गया है और आपके लेखन में अर्थ संबंधी संदर्भ जोड़ने के लिए अर्ध-विश्वसनीय रूप से उपयोग किया जा सकता है। इसके अतिरिक्त, आगामी CSS3 पृष्ठ मॉड्यूल उन लोगों के लिए भी रुचिकर हो सकता है जो सक्षम करने के लिए अधिक निश्चित-पृष्ठ पढ़ने के अनुभव की तलाश में हैं।
• ईपीयूबी: EPUB इंटरनेशनल डिजिटल पब्लिशिंग फोरम (IDPF) का आधिकारिक मानक है। EPUB3 को अक्टूबर 2011 में अनुमोदित किया गया था और प्रकाशनों को पिछले, अधिक स्थिर दिशानिर्देशों के बजाय HTML/CSS के साथ सक्षम सामग्री के करीब अधिक स्टाइल और अनुकूलन योग्य सामग्री रखने की अनुमति देता है।
• मोबी: MOBI, Mobipocket के लिए संक्षिप्त, किंडल और अन्य डिजिटल पाठकों द्वारा उपयोग किया जाने वाला एक प्रारूप है। यह EPUB की तुलना में फिर से कम अनुकूलन योग्य है, लेकिन हम इसे यहां कवर करते हैं क्योंकि यदि आप चाहें तो इसका उपयोग Amazon पर सामग्री प्रकाशित करने में कर सकते हैं। एबिलिटीनेट के रॉबिन क्रिस्टोफरसन के अनुसार, किंडल के कुछ मॉडल नेत्रहीन उपयोगकर्ताओं के लिए उपलब्ध हैं; हालांकि आईओएस पर किंडल ऐप नहीं है। KF8, किंडल का नया प्रारूप, वर्तमान में किंडल फायर द्वारा समर्थित है और जल्द ही इसे नवीनतम पीढ़ी के किंडल ई-इंक डिवाइस और किंडल रीडिंग ऐप के लिए पेश किया जाएगा।
• पीडीएफ: पीडीएफ वेब पर एक सर्वव्यापी इकाई बन गई है। मैं इसे यहां शामिल करता हूं क्योंकि अधिकांश टैबलेट में पीडीएफ पढ़ने और उनके साथ सहायक तकनीक को सक्षम करने के लिए अच्छी, अंतर्निहित तकनीक होती है। एक पीडीएफ के साथ, निर्णायक कारक यह है कि इसे कैसे बनाया गया था। आयरलैंड के राष्ट्रीय विकलांगता प्राधिकरण में अभिगम्यता विकास सलाहकार एलन डाल्टन के अनुसार, "आप पीडीएफ को सुलभ बना सकते हैं, हालांकि बहुत से लोग नहीं करते हैं। उन्हें नहीं पता कि उनके उपकरण खराब उत्पादों का उत्पादन कर रहे हैं। अगर मेरे पास अपना रास्ता होता, तो हम जो कुछ भी करते एचटीएमएल हो।" नेविगेशन और एक्सेसिबिलिटी एक तरफ, पीडीएफ भी अलग-अलग आकारों के अनुकूल नहीं होते हैं, और जिसने भी स्मार्टफोन पर पीडीएफ पढ़ने की कोशिश की है, वह ऐसा करने के लिए आवश्यक अजीब पिंचिंग, जूमिंग और पैनिंग से परिचित है।

इस श्रेणी में जो नहीं आता है वह ऐसे ऐप्स हैं जो आपकी सामग्री लेते हैं और इसे बड़ी छवियों में बदल देते हैं। हालांकि यह सुनिश्चित कर सकता है कि सभी प्लेटफार्मों पर लुक और स्टाइल समान है, आप बहुत भारी डाउनलोड बनाते हुए अपने बहुत सारे दर्शकों को रोक रहे हैं। यह समस्या तब और बढ़ जाती है जब हम रेटिना डिस्प्ले और डबल-साइज़ इमेज के बारे में बात करना शुरू करते हैं। यह महसूस करने के लिए कि आप जिस चीज़ को पढ़ना चाहते हैं उसे अस्वीकार करना पसंद है (फिर भी इसके लिए अभी भी भुगतान करना है), आईओएस में वॉयसओवर के माध्यम से न्यूज़स्टैंड ऐप्स के अधिकतर पहुंच योग्य होने के बारे में टिप्पणियां देखें।

यह देखने के लिए कि एक सुलभ तकनीकी उपयोगकर्ता के लिए इस प्रकार की पत्रिकाएँ कैसी दिखती हैं, मेरे वीडियो एम्बेड देखें, जो इन पत्रिकाओं को पढ़ने की कोशिश करने के निराशाजनक अनुभव को दिखाते हैं।
वॉयसओवर जैसे एक्सेसिबिलिटी टूल:

सामग्री को पोर्टेबल और सुलभ रखना

पोर्टेबल प्रारूपों पर ध्यान केंद्रित करने से हम अधिक ब्राउज़रों, फोन, डिजिटल रीडर उपकरणों और पढ़ने के अनुप्रयोगों पर खुशी से रहने के लिए अपनी सामग्री को संभालने में सक्षम होते हैं। कस्टम शैली और शानदार अनुभव को बनाए रखते हुए, यह सुनिश्चित करने के लिए कि यह इन विभिन्न प्रारूपों के बीच अच्छी तरह से अनुवाद कर सके, हमें अपनी सामग्री के साथ क्या करने की आवश्यकता है?

मैंने उन लोगों के लिए नीचे कुछ दिशानिर्देश दिए हैं जो चाहते हैं कि उनके दर्शक यथासंभव व्यापक हों और जो अपनी सामग्री को कई उपयोगकर्ताओं के लिए ब्लैक बॉक्स में बंद नहीं करना चाहते हैं। इन तकनीकों को ब्लॉग पोस्ट से लेकर लंबे समय तक पत्रकारिता तक, किसी भी अन्य कार्य के लिए लागू किया जा सकता है जिसे आप स्वयं-प्रकाशन पर विचार कर रहे हैं:

1. HTML5 से शुरू करें

शुरुआत में HTML5 के साथ अपने दस्तावेज़ बनाकर, आपको भविष्य में चिंता करने की ज़रूरत नहीं है। HTML5 मार्कअप आपके दस्तावेज़ों को नेविगेट करने और अन्य प्रारूपों में अनुवाद करने में आसान रखने में मदद करेगा। यदि आपके पास शुरू से ही अर्थ संबंधी जानकारी है, तो आप अन्य प्रारूपों में अपने प्रकाशनों की 'रेट्रो-फिटिंग' काफी कम करेंगे।

2. वाई-एरिया

WAI-ARIA वेब एक्सेसिबिलिटी इनिशिएटिव - एक्सेसिबल रिच इंटरनेट एप्लिकेशन सूट है। यह प्रोटोकॉल और प्रारूप कार्य समूह (पीएफडब्ल्यूजी) द्वारा बनाए गए दिशानिर्देशों का एक समूह है
W3C. WAI-ARIA विकलांग लोगों के लिए वेब सामग्री और एप्लिकेशन को अधिक सुलभ बनाने का एक तरीका परिभाषित करता है, और यह गतिशील सामग्री और अजाक्स, HTML, जावास्क्रिप्ट और संबंधित तकनीकों के साथ विकसित उन्नत उपयोगकर्ता इंटरफ़ेस नियंत्रण में मदद करता है। इस लेख की कुछ तकनीकें WAI-ARIA दिशानिर्देशों से आती हैं, और जबकि यह लेख सभी विशिष्टताओं को कवर करने के लिए पर्याप्त नहीं है, मैं आपको इस बारे में अधिक विवरण के लिए इसे देखने के लिए प्रोत्साहित करता हूं कि इनकी अनुशंसा क्यों की जाती है और इसके लिए सर्वोत्तम अभ्यास उन्हें लागू करना।

3. सिद्धांत का उपयोग करना

एक विशिष्ट सिद्धांत का उपयोग करते समय स्वयं संबंधित HTML कोड की पहुंच को प्रभावित नहीं करता है, एक सिद्धांत का उपयोग करने का महत्वपूर्ण कारण यह सुनिश्चित करना है कि ब्राउज़र का विचित्र मोड ट्रिगर नहीं है। बस उपयोग करें !DOCTYPE html> यह सुनिश्चित करने के लिए कि ऐसा न हो।

4. HTML5 दस्तावेज़ टैग

किसी दस्तावेज़ का उचित नेविगेशन उसके अभिगम्यता सूचकांक पर उच्च होता है। मेरे द्वारा साक्षात्कार की गई सुलभ तकनीक के कई उपयोगकर्ताओं ने सामग्री प्रदाताओं और डेवलपर्स के साथ नेविगेशन क्षमता के लिए अपने दस्तावेज़ों को ठीक से चिह्नित नहीं करने पर अपनी निराशा व्यक्त की। ये टैग बहुत सारे divs का उपयोग करने की तुलना में आपके दस्तावेज़ के अनुभागों को अधिक संदर्भ देते हैं।

• हैडर तथा फ़ुटबाल दोनों को एक पेज में कई बार इस्तेमाल किया जा सकता है। वे दस्तावेज़ के संबंधित मुख्य शीर्षलेख या पाद लेख को निरूपित कर सकते हैं, या उनका उपयोग लेख या अनुभागों के भीतर शीर्ष लेख / पाद लेख की जानकारी के लिए किया जा सकता है।
• अलग किसी पुस्तक में साइडबार जैसे अनुभागों के लिए उपयोग करने के लिए एक अच्छा टैग है, जो दस्तावेज़ के पूरक हैं लेकिन इसकी समझ के लिए बिल्कुल महत्वपूर्ण नहीं हैं।
• धारा विचारों को तोड़ने या सामग्री को एक साथ समूहित करने के तरीके हैं जो समझ में आता है।
• सामग्री स्वतंत्र, स्टैंडअलोन टुकड़े हैं जो बाकी सामग्री के बिना मौजूद हो सकते हैं। इन टैगों का उचित रूप से उपयोग करने से यह सुनिश्चित करने में मदद मिलती है कि आपकी सामग्री की संरचना की सही व्याख्या की गई है।

5. खराब लिंक

CSS के साथ, लिंक और बटन पर पृष्ठभूमि छवियों का उपयोग करना संभव है। यह वेब डिज़ाइनरों के लिए एक अच्छा प्रभाव है क्योंकि यह टाइपोग्राफी पर अधिक नियंत्रण देता है। हालांकि, इसके कारण लोग टेक्स्ट विवरण शामिल करना भूल गए हैं। सुनिश्चित करें कि भले ही आप छवि के भीतर पाठ का उपयोग कर रहे हों, साथ ही यह सुनिश्चित करने के लिए कि यह सुलभ रहे। यह SEO और . जैसी चीजों को भी प्रभावित कर सकता है
अंतर्राष्ट्रीयकरण।

उदाहरण:

a href="/contact" >/a>

यह तो बुरा हुआ।

a href="/contact" >हमसे संपर्क करें/a>

काफी बेहतर।

6. छवियां - ALT बनाम TITLE

लोग अक्सर या तो शामिल करते हैं Alt या शीर्षक उनकी छवि में विशेषताएँ हैं, लेकिन दोनों नहीं क्योंकि उन्हें अक्सर गलत समझा जाता है और इसलिए वे बेमानी लगते हैं। भ्रम को दूर करने के लिए, शीर्षक सलाहकार जानकारी का प्रतिनिधित्व कर सकता है, जैसे कि वह जो टूलटिप में दिखाई दे सकती है। यह आपको अतिरिक्त जानकारी भी दे सकता है जब आप किसी छवि पर माउस ले जाते हैं, एक ऐसी तकनीक जिसका उपयोग बहुत से लोग अपने ब्लॉग पर करते हैं। स्पर्श उपकरणों के विकास के साथ, हालांकि, इस प्रकार की जानकारी कम उपयोगी हो जाती है।

Alt दूसरी ओर सहायक तकनीक द्वारा उपयोग किया जाता है और तत्व को संदर्भ देता है। तुम्हें अवश्य उपयोग करना चाहिए Alt अपनी छवियों पर और सुनिश्चित करें कि यह उपयोगी जानकारी है। का उपयोग करते हुए img alt="" src="1348.webp">

लोगों को बताएं

यदि आपकी सामग्री कई प्रारूपों में उपलब्ध है, तो सुनिश्चित करें कि आपकी साइट पर इसे खोजने का एक तरीका है। आपने शायद देखा होगा "यदि आपको यह ईमेल देखने में समस्या है, तो ऑनलाइन पढ़ें
कई ईमेल न्यूज़लेटर्स के शीर्ष पर संस्करण" संदेश। इसे अपनी सामग्री के लिए ऐसा करने का अभ्यास करें। यदि आपके पास एक सुलभ पीडीएफ या एक ऑडियो संस्करण के साथ-साथ एक ePub भी है, तो सुनिश्चित करें कि उपयोगकर्ता उस जानकारी को ढूंढ सकते हैं। क्या उपयोगकर्ता यह सुनिश्चित करने के लिए परीक्षण करना कि सामग्री खोजने योग्य और पठनीय है।