🌦️ 💙 👩🏾‍🏭 स्क्रीन एक्सेस कार्यक्रमों द्वारा ब्लॉकिंग HTML कोड की विशेषताएँ 🅱️ ✝️ 🕢

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

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

दृश्य हानि वाले उपयोगकर्ताओं के साथ काम करने के सिद्धांतों के बारे में अधिक जानकारी एक अन्य लेख में मिल सकती है; यहां, केवल हाइपरटेक्स्ट दस्तावेजों को प्रस्तुत करने की अवधारणा को संक्षेप में वर्णित किया जाएगा।

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

हाइपरटेक्स्ट दस्तावेज़ की सामग्री को प्रस्तुत करने के लिए, स्वतंत्र रूप से स्क्रीन एक्सेस प्रोग्राम (ब्राउज़र विंडो से अलग) पृष्ठ के स्रोत कोड का विश्लेषण करता है और इसे एक ऐसे रूप में प्रदर्शित करता है जो वाक् संश्लेषण या स्पर्शनीय डिस्प्ले द्वारा पठनीय होता है, साथ ही हाइपरटेक्स्ट के माध्यम से गैर-विज़ुअल नेविगेशन के लिए कई अतिरिक्त सुविधाएँ प्रदान करता है।
वास्तव में, हम इस तथ्य के बारे में बात कर रहे हैं कि उपयोगकर्ता को पृष्ठ की सामग्री को लगातार पढ़ने का अवसर दिया जाता है।

समस्या "अनुक्रम" में सटीक रूप से निहित है, क्योंकि यह व्यक्तिपरक है। आधुनिक वेब डिज़ाइन, सादे पाठ जैसी संरचित जानकारी से दूर हो गया है। दो स्तंभों, तीन स्तंभों और इसी तरह की संरचना का उपयोग किया।

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

उदाहरण के लिए, निम्नलिखित पृष्ठ पर विचार करें:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> </title> <style type="text/css"> .header, .sidebar, .content, .footer { padding: 10px; border: solid 1px #000000; background: #FFFFFF; } .header, .footer { font-size: 24px; } .layout { margin: 15px 0; overflow: hidden; min-width: 800px; max-width: 1200px; } .sidebar { width: 100px; float: left; } .content { margin-left: 135px; } </style> </head> <body> <div class="header"> </div> <div class="layout"> <div class="sidebar"> <h2></h2> <ul> <li><a href="link1.htm"> 1</a></li> <li><a href="link2.htm"> 2</a></li> <li><a href="link3.htm"> 3</a></li> </ul> </div> <div class="content"> <h1> </h1> <p> 1.</p> <p> 2.</p> <p> 3</p> </div> </div> <div class="footer"> </div> </body> </html>

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

अगला, आप साइडबार और मुख्य सामग्री ब्लॉक को पुन: व्यवस्थित करके थोड़ा प्रयोग कर सकते हैं:

  <div class="layout"> <div class="content"> <h1> </h1> <p> 1.</p> <p> 2.</p> <p> 3</p> </div> <div class="sidebar"> <h2></h2> <ul> <li><a href="link1.htm"> 1</a></li> <li><a href="link2.htm"> 2</a></li> <li><a href="link3.htm"> 3</a></li> </ul> </div> </div>

कोड परिवर्तन के बावजूद, नेत्रहीन पृष्ठ बिल्कुल वैसा ही बना हुआ है, और देखे गए उपयोगकर्ता को यह बिल्कुल भी नजर नहीं आएगा।

हालांकि, जैसा कि ऊपर उल्लेख किया गया है, स्क्रीन एक्सेस प्रोग्राम पृष्ठ के स्रोत कोड को पार्स करता है और इसे एक स्ट्रीम प्रस्तुति रूप में संसाधित करता है, इसलिए इसके लिए ये परिवर्तन महत्वपूर्ण होंगे।

पहले मामले में, प्रोग्राम पहले हेडर पढ़ेगा, फिर साइडबार, फिर मुख्य सामग्री और अंत में पाद लेख। दूसरे मामले में, पहले एक हेडर होगा, फिर तुरंत मुख्य सामग्री, केवल तब साइडबार और अंत में पाद।

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

स्क्रीन एक्सेस कार्यक्रमों द्वारा ब्लॉकिंग HTML कोड की विशेषताएँ

More articles: