कैसे एक वेब पेज के एक सुलभ डिजाइन बनाने के लिए

ऑनलाइन स्टोर, बैंकिंग एप्लिकेशन, होटल आरक्षण या फ्रीलांस नौकरियां, अधिक से अधिक वे कार्य जिन्हें इंटरनेट के माध्यम से नियंत्रित किया जाता है और जो कुछ मामलों में बदल गया है, पारंपरिक मीडिया।

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

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

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

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

सामग्री और स्रोत

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

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

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

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

वैकल्पिक पाठ

El वैकल्पिक पाठ या Alt टैग, चित्र पर रखे गए विवरण हैं वेब पेजों पर। यद्यपि यह पाठ उपयोगकर्ताओं को पढ़ने के लिए उपलब्ध नहीं है, a अच्छी तरह से लिखित विवरण एक उपकरण है जो हमें बेहतर एसईओ स्थिति प्राप्त करने में मदद करता है।

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

अनुकूलन क्षमता

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

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

डिजाइन में संगति

संपादकीय डिजाइन हम अपनी वेबसाइट के साथ क्या करते हैं अनुभाग की परवाह किए बिना समान होना चाहिए तुम कहाँ हो। मेनू बार पर समान आइकन होम अनुभाग में संपर्क अनुभाग के रूप में दिखाई देने चाहिए। हमें स्टाइल नहीं बदलना चाहिए न ही वेब के प्रमुख बटन का स्थान।

यह हमारे लिए भी सुविधाजनक नहीं है कि हम अपने आप वीडियो चलाएं पेज खोलते समय। स्क्रीन रीडर का उपयोग करने वाले उपयोगकर्ताओं के लिए, यह जानना मुश्किल है कि उन्हें कैसे रोकना है।

कीबोर्ड नेविगेशन

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