प्रत्येक व्यक्तीच्या गरजा जुळणार्या साइटसह अधिक वाचकांना आकर्षित करा
अपंग लोकांना आपल्या संकेतस्थळांना उपलब्ध करून देऊन, आपण सर्वांसाठी प्रवेश करणे समाप्त करू शकता. खरेतर, आपली वेबसाइट अधिक प्रवेशयोग्य बनविणे देखील आपल्या वेबसाइट्सला शोध इंजिनांमध्ये शोधण्यास मदत करू शकते. का? कारण शोध इंजिने आपल्या वेबसाइटवरील सामग्री शोधण्यास आणि ती समजून घेण्याकरिता स्क्रीन रीडर्सचे समान सिग्नल वापरतात.
पण कोडींग तज्ञ न बनता आपण प्रवेशयोग्य वेबसाइट कशी करु शकतो?
येथे काही टिपा आणि युक्त्या आहेत ज्या मूलभूत HTML नावासह जवळजवळ प्रत्येकजण त्यांच्या वेबसाइटची प्रवेशक्षमता सुधारण्यासाठी वापरू शकतात.
वेब प्रवेशयोग्यता साधने
W3C मध्ये आपल्या वेबसाइटवरील संभाव्य समस्या शोधण्याकरिता एक तपासनीर म्हणून वापरल्या जाणाऱ्या वेब प्रवेशयोग्यता साधनेची शानदार सूची आहे. म्हणाले, मी अजूनही एक स्क्रीन वाचक सह अन्वेषण काही शिफारस आणि स्वत: साठी तो अनुभवत शिफारस.
संबंधित वाचन: सहाय्यक तंत्रज्ञान काय आहे आणि हे कसे कार्य करते?
स्क्रीन वाचक समजून घेणे
आपण आपल्या वेबसाइटची ऍक्सेसिबिलिट सुधारण्यासाठी सर्वात महत्वाचे मार्ग म्हणजे पडद्यावरील वाचकांद्वारे हे समजले जाऊ शकते याची खात्री करणे. स्क्रीनवरील मजकूर वाचण्यासाठी स्क्रीन वाचक संश्लेषित व्हॉइस वापरतात. ते खूपच सोपे आहे; तथापि, पडदा वाचक आपल्या वेबसाइटवर आपण सध्या सेट केलेल्या ठिकाणी कसे समजत नाहीत.
आपण करू इच्छित सर्वप्रथम एक स्क्रीन वाचक वापरून पहा आणि तो कसा जातो ते पहा. आपण Mac वर असल्यास, व्हॉइसओव्हर वापरण्याचा प्रयत्न करा.
- सिस्टम प्राधान्ये वर जा
- प्रवेशयोग्यता निवडा
- व्हॉइसओव्हर निवडा
- Enable VoiceOver साठी बॉक्स तपासा
आपण कमांड- F5 वापरून ते चालू आणि बंद करू शकता.
आपण Windows मशीनवर असल्यास, आपण NVDA डाउनलोड करू शकता. आपण शॉर्टकट नियंत्रण + alt + n सह टॉगल चालू आणि बंद करण्यासाठी सेट करू शकता
दोन्ही स्क्रीन रीडर वापरकर्त्याला कीबोर्डवरून नेव्हिगेट देऊन (हे समजते - आपल्याला दिसत नसल्यास, माउसचा वापर करणे आव्हान असेल) आणि नेव्हिगेशनसाठी फोकस क्षेत्र तयार करून ऑपरेट केले जाते. फोकस अनिवार्यपणे आहे की कीबोर्ड "निदर्शनास" असतो परंतु सामान्यतः कर्सरच्या ऐवजी फोकस ऑब्स सुमारे हायलाइट केलेला बॉक्स म्हणून प्रदर्शित केला जातो.
आपण ध्वनी खेळू आणि वेगाने बदल करू शकता ज्यामधे डीफॉल्ट सेटिंग्ज त्रासदायक असल्यास वा आवाज वाचतात (आणि मानक मंद व्हॉईस वाचन ऐकण्याच्या सुमारे पाच मिनिटांनंतर, ते सहसा असतात). अंध लोक सामान्यतः त्यांच्या स्क्रीनवरील वाचकांना उच्च गती वर वेबसाइट्स वाचतात.
हे आपण करू म्हणून आपली डोळे बंद करण्यास मदत करू शकता, परंतु ते त्यांना उघडे आणि तुलना करण्यास मदत देखील करू शकेल. आपण आपल्या वेबसाइटवर ऐकण्याचा प्रयत्न करता तेव्हा आपल्याला लगेच लक्षात येईल की काही मजकूर ऑर्डर ऑफ असू शकते. शीर्षके आणि सारण्या गोंधळ होऊ शकतात. प्रतिमा एकतर वगळली जाऊ शकतात किंवा ते "प्रतिमा" किंवा असंवेदनशील म्हणून काहीतरी म्हणू शकतात. सारण्या संदर्भ न आयटम मालिका म्हणून वाचले जाऊ कल.
आपण, आशेने, याचे निराकरण करू शकता.
Alt- टॅग्ज किंवा वैकल्पिक विशेषता
प्रतिमेचे वर्णन करण्यासाठी alt-टॅग किंवा वैकल्पिक (alt) विशेषता HTML मध्ये वापरली जाते एचटीएमएलमध्ये, असे काहीतरी दिसते:
आपण आपल्या वेबसाइटवर व्हिज्युअल साधनासह जरी आपल्या HTML कोडला लपविला तरीही, आपण प्रतिमा वर्णन प्रविष्ट करण्याची नेहमीच संधी दिली असेल. आपण काहीही (alt = "") प्रविष्ट करू शकता परंतु प्रत्येक प्रतिमा एक उपयुक्त वर्णन देण्यास खरोखरच चांगले आहे. तुम्ही जर आंधळे असता तर तुम्हाला त्या चित्राबद्दल काय माहिती असणे आवश्यक होते? "बाई" खूप मदत नाही, परंतु कदाचित "महिलाचित्र रेखाचित्र डिझाईनचा फ्लो चार्ट ज्यात प्रवेशयोग्यता, उपयुक्तता, ब्रँडिंग आणि डिझाइन समाविष्ट आहे."
शीर्षक मजकूर
वेबसाइट नेहमी HTML शीर्षक टॅग प्रदर्शित करत नाही, परंतु स्क्रीन रीडरसाठी हे उपयुक्त आहे. आपल्या वेबसाइटवरील प्रत्येक पृष्ठावर वर्णनात्मक (परंतु अतीशय शब्दसमूह) शीर्षक नसलेले पृष्ठ आहे जे अभ्यागतांना पृष्ठ काय आहे याबद्दल सांगते.
आपल्या वेबसाइटला चांगली माहिती पदानुक्रम द्या
शीर्षलेखांसह मजकूराची मोठी भाग खंडित करा आणि शक्य असल्यास, योग्य एच 1, एच 2, एच 3 पदानुक्रमासह हेडर वापरा . स्क्रीनवरील वाचकांसाठी आपल्या वेबसाइटला सोयीची सुविधाच नाही तर ते इतर प्रत्येकासाठी सोपे करते. Google आणि अन्य शोध इंजिनांसाठी त्यांना आपल्या अनुक्रमणिकेस चांगले अनुक्रमित करण्यात मदत करण्यासाठी हे देखील एक चांगले संकेत आहे.
त्याचप्रमाणे, आपली वेबसाइट तार्किक सामग्री क्रमाने असल्याची खात्री करुन घ्या आणि आपल्याकडे असंबंधित माहितीचे बॉक्स दिसत नाहीत. जर आपण जाहिराती वापरत असाल, तर पहा की आपल्या जाहिराती आपल्या वेबसाईटवर फारसा त्रासदायक नाहीत आणि आपल्या वेबसाइटवर मजकूर तोडणे नाही.
उत्तम टेबल्स बनवा
जर आपण HTML सारण्या वापरत असाल तर, टॅगचा वापर करून आपल्या सारण्यांमध्ये मथळे जोडू शकता, केवळ ठळक मजकूरातील सारणीचे शीर्षक न देता स्क्रीन वाचकांद्वारे समजण्यास सोपे करण्यासाठी. आपण "संधी" घटक जोडू शकता आणि आपल्या टेबलवरील नवीन पंक्ती आणि स्तंभ स्पष्टपणे लेबल करू शकता जेणेकरून स्क्रीन रीडर फक्त संदर्भित न करता टेबल सेलची श्रृंखला बंद करू शकत नाही.
कीबोर्ड नेव्हिगेशन
सर्वसाधारणपणे, आपण आपल्या वेबसाइटवर ठेवलेली कोणतीही गोष्ट अशी असावी जी कोणीतरी एखाद्या कीबोर्डचा वापर करून केवळ कल्पना करू शकते याचा अर्थ असा की आपल्या नेव्हिगेशन बटणे ड्रॉपडाउन बटणे अॅनिमेट करु नयेत जर आपण त्यांचा स्क्रीन रीडर वापरत नसल्यास (ते वापरून पहा आणि पहा की आपल्याला खात्री नसल्यास - काही बटणे कीबोर्ड वापरासाठी क्रमात आहेत.)
बंद मथळे
आपण आपल्या वेबसाइटवर व्हिडिओ किंवा ऑडिओ घटक जोडल्यास, त्यात मथळे असणे आवश्यक आहे. HTML5 आणि अनेक व्हिडिओ स्ट्रीमिंग सेवा (YouTube सारखे) बंद मथळे समर्थन देतात. बंद मथळे फक्त प्रवेशयोग्यतेसाठीच नव्हे तर वापरकर्त्यांसाठीही उपयुक्त आहेत जे कदाचित आपल्या वेबसाइटवर दुसरीकडे कुठेही ब्राउझ करू शकतात जिथे ते ऑडिओ चालवू शकणार नाहीत, जसे की कार्यालयात किंवा गोंगाट स्थानात
पॉडकास्ट किंवा इतर ऑडिओ घटकांसाठी, मजकूर प्रतिलेख प्रदान करण्याचा विचार करा. ज्यायोगे ऑडिओ ऐकणे अशक्य आहे अशा लोकांसाठी हे केवळ उपयुक्त नाही, ज्यामुळे मजकूर Google आणि इतर शोध इंजिनांसाठी अनुक्रमणिका आणि सामग्री आणि आपल्या Google रँकिंगला मदत करण्यास सोपे करेल .
ARIA
जर तुम्हाला ऍक्सेसिबिलिटीच्या प्रगत पातळीवर जायचे असेल तर, HTML5 ARIA किंवा WAI-ARIA वैशिष्ट्य पुढे जाण्यासाठी नवीन मानक बनण्याचा उद्देश आहे. तथापि, हे एक जटिल (आणि उत्क्रांत) तांत्रीक हस्तपुस्तक आहे, जेणेकरुन आपण काय करू शकता हे स्कॅन करण्यासाठी ARIA व्हॅलिडेटरचा वापर करते हे पाहण्यासाठी हे पहा की आपल्या वेबसाइटवर काही समस्या आहेत ज्या आपण संबोधित करू शकता. ARIA ने प्रारंभ करण्यासाठी मोझीलाकडे अधिक सुलभ मार्गदर्शक देखील आहे.