दृष्टिबाधित लोगों के लिए CSS?


17

इसलिए जब मैं HTML सीख रहा था तो मैंने CSS का सामना किया। यह दिलचस्प है क्योंकि सीएसएस के साथ आप एक वेबपेज को ठंडा या अधिक सुंदर बना सकते हैं। लेकिन चूंकि यह रंगों, डिजाइनों, शैलियों आदि के बारे में अधिक है, इसलिए मैं अपने सीएसएस कोड के परिणामों को नहीं जान सकता। किसी ऐसे व्यक्ति के रूप में जो नेत्रहीन है, तो मुझे सीएसएस क्यों सीखना चाहिए अगर देखे गए लोग हमेशा मुझसे बेहतर वेबपेज डिजाइन कर सकते हैं क्योंकि वे देख सकते हैं?

  1. क्या यहाँ अंधे प्रोग्रामर हैं जो सीएसएस लिखते हैं? तुमने ये कैसे किया?
  2. क्या मुझे सभी को एक साथ सीएसएस की अवहेलना करनी चाहिए और इसे देखे गए प्रोग्रामर पर छोड़ देना चाहिए? या सीएसएस में कुछ चीजें हैं जो मैं अपने पेज को देखने के लिए लोगों से पूछे बिना कर सकता हूं कि क्या इसका डिज़ाइन अच्छा है?

3
आपको सीएसएस के कर्ण पहलू में दिलचस्पी हो सकती है ।

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

निर्भर करता है कि आप दृष्टिबाधित उपयोगकर्ताओं के लिए वेबपेज बना रहे हैं या नहीं। यदि यह दोनों के लिए है, तो आपको टीम बनाना चाहिए।
रोनी स्केनिंग

जवाबों:


12

CSS एक सामान्य स्टाइलिंग भाषा है और इसमें aural markup के लिए गुण भी शामिल हैं । जबकि यह कोई भी मुख्यधारा के ब्राउज़रों द्वारा लागू नहीं किया गया है, यह स्क्रीन पाठकों के लिए उपयोगी हो सकता है (लेकिन मुझे नहीं पता कि क्या कोई भी लागू होता है, यह देखते हुए कि कर्ण मार्कअप "जंगली में" आम नहीं है)।

मैं, एक देखने वाले व्यक्ति के रूप में, CSS को एक तंग फीडबैक लूप में लिखता हूं जहां मैं थोड़ा सीएसएस बदलता हूं और फिर देखता हूं कि पेज कैसे बदलता है। यदि यह प्रतिक्रिया संभव नहीं है या बहुत कठिन है, तो हमें डिजाइन सिद्धांतों पर वापस आना होगा, और आशा है कि वे सभी सही काम करेंगे।

  • जब हम पृष्ठ को ग्रिड के रूप में सोचते हैं तो आनुपातिक प्रबंधन करना आसान होता है। एक सामान्य विभाजन नेविगेशन और सुर्खियों के लिए शीर्ष पंक्ति और संबंधित सामग्री के लिए सही कॉलम का उपयोग करना है। बाएं स्तंभ का उपयोग मुख्य सामग्री के लिए किया जाता है, और दाएं स्तंभ के रूप में मोटे तौर पर दो से तीन गुना चौड़ा होता है। यह मोटे तौर पर स्टैक एक्सचेंज साइटों को कैसे प्रदान किया जाता है। सीएसएस में, इस के साथ लागू किया जा सकता display: tableहै और के प्रदर्शन शैलियों से संबंधित table-rowऔर table-cell, या नए flexbox मॉडल के साथ। सटीक अनुपात आश्चर्यजनक रूप से महत्वहीन हैं।

  • क्षैतिज रूप से केंद्रित होने पर एक पृष्ठ बेहतर दिखता है।

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

  • फ़ॉन्ट आकार का उपयोग महत्व को इंगित करने के लिए भी किया जा सकता है - 2pt के चरण और 9pt से नीचे कभी नहीं समझदार लगता है। सामान्य पाठ के लिए, 14pt का फ़ॉन्ट आकार पार नहीं होना चाहिए। साथ में, फ़ॉन्ट आकार और पाठ के विपरीत, भाषण की मात्रा के समान हैं।

  • सीएसएस प्रदान करता है न केवल की तरह माप की पूर्ण इकाइयों pxया cmबल्कि रिश्तेदार इकाइयों की तरह emऔर जैसे कीवर्ड thinया medium। सापेक्ष माप और इन खोजशब्दों का उपयोग करना अक्सर आसान होता है।

  • पाठ की तुलना में कोई व्यापक नहीं होना चाहिए 40em

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

इसके साथ, यह एक साधारण ब्लॉग या इस तरह की शैली के लिए संभव होना चाहिए। तथापि:

  • डिबगिंग कोड कठिन है, और भी अधिक यदि आप देख नहीं सकते कि आप क्या कर रहे हैं। मुझे अपनी पहली कोशिश में चीजें ठीक नहीं लगतीं। लेकिन जब चीजें “सही” दिखेंगी तो आपको कैसे पता चलेगा?

  • कुछ चीजों के लिए सटीक प्लेसमेंट की आवश्यकता होती है, जैसे पॉप-अप मेनू में।

  • छवियां और आइकन एक डिज़ाइन में बहुत गहराई जोड़ सकते हैं, लेकिन आपके लिए चुनना मुश्किल होगा।

  • CSS बॉक्स मॉडल भयानक और अक्सर आपके सिर में अनुकरण करने के लिए कठिन होता है।

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


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

5

यदि Eşref Armağan पेंट कर सकते हैं , तो नेत्रहीन लोगों को वेब पेज बनाने में सक्षम होना चाहिए। लेकिन यह कितना कठिन है इसे देखते हुए, आपको संभवतः अन्य प्रोग्रामिंग क्षेत्रों पर विचार करना चाहिए। मैंने कई अंधे प्रोग्रामर को जाना है, वे भाग में अत्यधिक प्रभावी थे, क्योंकि उन्हें हर समय पूरे कार्यक्रम को ध्यान में रखने की आवश्यकता थी

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.