सबै पाठकहरूलाई साइटको साथमा राख्नुहोस् जुन सबैलाई आवश्यक छ
तपाईंको वेबसाइटलाई असक्षमताको लागि पहुँचयोग्य वेबसाइट बनाएर, तपाईंले अन्त्य गर्ने सबैको लागि पहुँच योग्य छ। वास्तवमा, तपाईंको वेबसाइट बनाउदै थप पहुँचयोग्यले पनि मद्दत गर्न सक्दछ कि व्यक्तिले तपाईको वेबसाइट खोज इन्जिनमा खोज्न सक्छ। किन? किनकि खोज ईन्जिनहरू केहि उही सिग्नलको प्रयोग गर्दछ जुन तपाइँको वेबसाईटको सामाग्री फेला पार्न र बुझ्नका लागि पाठकहरू स्क्रीनमा गर्छन्।
तर वास्तवमा तपाई कसरी एक कोडिङ विशेषज्ञ बन्ने सुलभ वेबसाइट बनाउनुहुन्छ?
यहाँ केहि सुझावहरू र चालहरू छन् जुन लगभग कुनैपनि आधारभूत HTML ज्ञानको साथ तिनीहरूको वेबसाइटको पहुँच सुधार गर्न प्रयोग गर्न सक्दछ।
वेब पहुँच उपकरण
W3C सँग वेब पहुँच उपकरणहरूको एक शानदार सूची छ जुन तपाईले तपाइँको वेबसाइटमा सम्भावित समस्याहरू स्पेसरको रूपमा प्रयोग गर्न सक्नुहुनेछ। उनले भने, म अझै पनि एक स्क्रिन पढ्ने संग केहि अन्वेषण गर्न र यसको लागि यो अनुभव गर्न सिफारिस गर्छु।
सम्बन्धित पढाइ: सहायक सहायक के हो र यसले कसरी कार्य गर्दछ?
स्क्रिन पाठहरू बुझ्ने
तपाईंले आफ्नो वेबसाइटको पहुँच सुधार गर्न सक्ने सबैभन्दा महत्त्वपूर्ण तरिका मध्ये एक हो कि यो स्क्रिन पाठकहरूद्वारा बुझ्न सकिन्छ भनेर निश्चित गर्न। पर्दा पाठकहरूले स्क्रिनमा पाठ पढ्न संश्लेषित आवाज प्रयोग गर्दछ। त्यो सुन्दर सीधा देखिन्छ; तथापि, स्क्रिन पाठकहरूले तपाइँको वेबसाइटलाई हालै नै सेट अप गर्ने तरिका बुझ्न सक्दैनन्।
पहिलो कुरा तपाईं गर्न चाहानुहुन्छ एक स्क्रिन पढ्ने प्रयास गर्नुहोस् र हेर्नुहोस् कसरी हेर्नुहोस्। यदि तपाइँ म्याकमा हुनुहुन्छ भने, भ्वाईस ओभर प्रयोग गर्न प्रयास गर्नुहोस्।
- प्रणाली प्राथमिकताहरूमा जानुहोस् ।
- पहुँच चयन गर्नुहोस् ।
- भ्वाइसओभर चयन गर्नुहोस् ।
- भ्वाईस ओभर सक्षम गर्न बक्समा हेर्नुहोस् ।
तपाईले कमांड-F5 प्रयोग गरेर यसलाई टगल गर्न सक्नुहुन्छ र बन्द गर्नुहोस्।
यदि तपाईं विण्डोज मेसिनमा हुनुहुन्छ भने, तपाईं NVDA डाउनलोड गर्न चाहानुहुन्छ। तपाईँ यसलाई सर्टकट नियन्त्रण + alt + n सँग टगल गर्न र बन्द गर्न सक्नुहुन्छ।
दुवै स्क्रीन पाठकहरूले कुञ्जीपाटीद्वारा प्रयोगकर्ता नेविगेटलाई चलाएर सञ्चालन गर्दछ (यसले अर्थ बनाउँछ - यदि तपाईँले देख्न सक्नुहुन्न भने, माउस प्रयोग गरी चुनौती हुनेछ) र नेभिगेसनको लागि फोकस क्षेत्र सिर्जना गरेर। फोकस अनिवार्य रूपमा छ कि कुञ्जी "कथित" हो, तर यो सामान्यतया एक कर्सरको फोकस वस्तुको वरिपरि हाइलाइट गरिएका बक्सको रुपमा प्रदर्शन गरिन्छ।
तपाईं भ्वाईस पिच र गति दुवै डिफल्ट सेटिङहरू कष्टप्रद सेटिंग्स कष्टप्रद हुन्छ (र मानक मानक ढिलो आवाज पढ्नको लागि लगभग पाँच मिनेट पछि, तिनीहरू प्राय: हो) आवाज सुन्न सक्नुहुन्छ। ब्लाइन्ड मान्छे सामान्यतया वेबसाइटहरू पढ्नका साथ उनीहरूको स्क्रिन पाठकहरूलाई उच्च गतिमा सेट गरियो।
यो तपाईंको आँखा जस्तै यो गर्न बन्द गर्न सक्छ, तर यो पनि उनीहरूलाई खुला र तुलना गर्न मद्दत गर्न सक्छ। तपाईंले आफ्नो वेबसाइट सुन्ने प्रयास गर्दा केही तुरुन्तै चीजहरू ध्यान दिन सक्नुहुन्छ कि केहि पाठ अर्डर हुन सक्छ। शीर्षकहरू र टेबलहरू जम्बुले हुन सक्छन्। तस्बिरहरू या त छोड्न सकिन्छ वा तिनीहरू "छवि" भन्न सक्छन् वा केहि पनि समान रूपमा बेइमानी हुन सक्छ। तालिकाहरू बिना सन्दर्भका वस्तुहरूको श्रृंखलाको रूपमा पढ्न जान्छ।
तपाईं आशा गर्न सक्नुहुन्छ, यो ठीक गर्न सक्नुहुन्छ।
Alt-ट्याग वा वैकल्पिक विशेषता
एउटा छवि वर्णन गर्न HTML-alt वा ट्याग वा वैकल्पिक (alt) विशेषता HTML मा प्रयोग गरिन्छ। एचटीएमएलमा, यो केहि जस्तै देखिन्छ:
यद्यपि यदि तपाइँ आफ्नो वेबसाइटलाई तपाइँको HTML कोड लुकाउने दृश्य उपकरणको साथमा बनाउनुहुन्छ भने, तपाईसँग सधैँ एक छवि विवरण प्रविष्टि गर्ने मौका पाउनेछ। तपाईं केहि (alt = "") प्रविष्ट गर्न सक्नुहुन्न तर यो वास्तवमा राम्रो हुन सक्नुहुनेछ प्रत्येक छविलाई उपयोगी विवरण दिनुहोस्। यदि तपाई अन्धा थिए भने तपाईलाई छविको बारेमा थाहा पाउनु पर्छ? "महिला" धेरै सहयोग होइन, तर शायद "महिला ड्राइंग डिजाइन प्रवाह चार्ट समेत पहुँच, उपयोगिता, ब्रान्डिङ र डिजाइन।"
शीर्षक पाठ
वेबसाईटहरूले HTML शीर्षक ट्यागलाई सँधै प्रदर्शन गर्दैन, तर यो स्क्रिन पाठकहरूको लागि उपयोगी छ। निश्चित गर्नुहोस् कि तपाइँका प्रत्येक वेबसाइटका पृष्ठहरू वर्णनात्मक (तर अति नै verbose) शीर्षक हो जसले दर्शकहरूलाई पृष्ठको बारेमा के छ भनेर बताउँछ।
तपाईंको वेबसाइट राम्रो जानकारी पदानुक्रम दिनुहोस्
हेडरहरूको साथ ठूलो पाठ पाठ तोड्नुहोस्, र सम्भव भएमा H1, H2, H3 पदानुक्रमको साथ हेडर प्रयोग गर्नुहोस् उचित। न केवल यसले स्क्रिन पाठकहरूको लागि तपाईंको वेबसाइटलाई सजिलो पार्दछ, यसले यसलाई सबैको लागि सजिलो बनाउँछ। यो Google र अन्य खोज इञ्जिनका लागि राम्रो सिग्नल पनि हो जुन उनीहरूको वेबसाइटमा राम्रो सूचकांकमा मद्दत गर्न मद्दत गर्दछ।
त्यसै गरी, तपाइँ निश्चित गर्नुहोस् कि तपाइँको वेबसाइटले तार्किक सामग्री क्रममा छ र तपाइँसँग सम्बन्धित सम्बद्ध जानकारीको बक्स छैन। यदि तपाइँ विज्ञापनहरू प्रयोग गर्दै हुनुहुन्छ भने, हेर्नुहोस् कि तपाईंको विज्ञापनहरू प्रायः घुसपैठ हुने छैन र तपाईको वेबसाइटमा पाठ तोकिएको छ।
राम्रो तालिकाहरू बनाउनुहोस्
यदि तपाईंले एचटीएमएल तालिकाहरू प्रयोग गर्दै हुनुहुन्छ भने, तपाईँले बोल्ने पाठमा टेबलको शीर्षक बनाउनुको सट्टा तिनीहरूलाई स्क्रिन पाठकहरूद्वारा सजिलै बुझ्न ट्यागको प्रयोग गरेर तपाइँका तालिकाहरूमा चित्रवर्णनहरू थप्न सक्नुहुन्छ। तपाईं "दायरा" तत्व पनि थप्न सक्नुहुन्छ र तपाईंको तालिकामा नयाँ पङ्क्तिहरू र स्तम्भहरूलाई स्पष्ट रूपमा लेबल गर्न सक्नुहुन्छ ताकि स्क्रिन पाठकहरूले कुनै पनि सन्दर्भ बिना तालिका सेलको श्रृंखला मात्र टाढा नगर्ने हो।
कीबोर्ड नेविगेसन
सामान्यतया, तपाईंले आफ्नो वेबसाइटमा राख्नु पर्ने कुनै चीज हुनुपर्छ जुन कसैले गर्भवती किबोर्ड प्रयोग गर्न सक्दछ। यसको अर्थ तपाईले नेभिगेसन बटनहरू एनिमेटेड ड्रपडाउन बटनहरू नहुनु हुँदैन यदि तपाइँ तिनीहरूलाई स्क्रिन रिडरको साथ प्रयोग गर्न सक्नुहुन्न (यसलाई प्रयास गर्नुहोस् र यदि तपाईं निश्चित हुनुहुन्न भने - केही बटन किबोर्ड प्रयोगको लागि प्रोग्राम गरिएको छ।)
बन्द क्याप्सनहरू
यदि तपाइँले तपाइँको वेबसाइटमा भिडियोहरू वा अडियो तत्वहरू थप्नुभयो भने, तिनीहरूसँग क्याप्शनहरू हुनुपर्छ। एचटीएमएल 5 र धेरै भिडियो स्ट्रिमिङ सेवाहरू (YouTube जस्तै) बन्द क्याप्शनिङ समर्थन प्रस्ताव गर्दछ। बन्द क्याप्शनहरू न केवल पहुँचका लागि उपयोगी छन् तर प्रयोगकर्ताहरूको लागि जुन तपाईंको वेबसाइट ब्राउज गर्न सकिन्छ जहाँ तिनीहरू अडियो बजाउन सक्दैनन्, जस्तै कार्यालय वा शोर स्थानमा।
पोडकास्ट वा अन्य अडियो तत्वहरूको लागि, पाठ ट्रान्सक्रिप्ट प्रदान गर्ने विचार गर्नुहोस्। केवल अडियो को लागी सुन्न सक्दैन किनभने यो उपयोगी छ, पाठमा यसले गुगल र अन्य खोज ईन्जिनियरिङ्को सामग्री सजिलो बनाउँछ र तपाईंको Google मूल्याङ्कन गर्न मद्दत गर्नेछ ।
ARIA
यदि तपाईं उन्नत स्तरको पहुँचमा जान चाहानुहुन्छ भने, HTML5 ARIA वा WAI-ARIA निर्दिष्टीकरणहरू अगाडि बढ्दै नयाँ मानकको लक्ष्य छ। यद्यपि, यो एक जटिल (र विकसित) प्राविधिक पुस्तिका हो, त्यसैले के गर्न सक्दछ कि तपाईंको वेबसाइटमा तपाइँलाई ठेगाना गर्न सक्नुहुन्छ कुनै पनि समस्या छ कि हेर्न को लागी स्क्यान गर्न ARIA वैधकर्ता प्रयोग गर्दछ। मोजिलासँग ARIA सँग सुरू गर्न थप पहुँच योग्य गाइड छ।