𝗔𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗶𝗹𝗶𝘁𝘆-𝗙𝗶𝗿𝘀𝘁 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁
वेबसाइट तयार करताना बहुतेक व्यवसाय चुकीचे प्रश्न विचारतात. ती सर्वांना वापरता येईल का, असा प्रश्न ते विचारत नाहीत.
ते वेगवान लॅपटॉप आणि उत्तम दृष्टी असलेल्या लोकांसाठी वेबसाइट बनवतात. ते स्क्रीन रीडर (screen reader) वापरणाऱ्या व्यक्तीला विसरतात. ते माऊसऐवजी कीबोर्डवर अवलंबून असलेल्या वापरकर्त्याला विसरतात. मजकूर समजून घेण्यासाठी ज्यांना स्पष्ट लेआउटची गरज आहे, अशा व्यक्तीला ते विसरतात.
जर तुमची साइट या लोकांसाठी काम करत नसेल, तर ती खरोखर काम करत नाही.
ॲक्सेसिबिलिटी (Accessibility) हा अनेकदा शेवटच्या क्षणी तपासला जाणारा मुद्दा असतो. ही एक चूक आहे. पहिल्या दिवसापासून ॲक्सेसिबिलिटीचा विचार करून बनवल्यामुळे अधिक चांगल्या वेबसाइट्स तयार होतात. यामुळे तुम्हाला जलद लोड होणारा वेळ, स्वच्छ कोड आणि उत्तम SEO मिळतो.
खालीलप्रमाणे एक व्यावहारिक फ्रेमवर्क (framework) आहे:
Semantic HTML वापरा योग्य कामासाठी योग्य घटक (elements) वापरा. कोडमध्ये बटण हे बटणच असले पाहिजे. बटणाऐवजी स्टाईल केलेला
divवापरल्यामुळे तुमची साइट असिस्टिव्ह टूल्ससाठी (assistive tools) अदृश्य होते. हे नंतर दुरुस्त करणे महाग पडते. आता ते करणे मोफत आहे.कीबोर्ड नेव्हिगेशनसाठी (Keyboard Navigation) तयार करा अनेक वापरकर्ते माऊस वापरत नाहीत. प्रत्येक लिंक, बटण आणि फॉर्म Tab आणि Enter की द्वारे काम करणारा असावा. फोकस इंडिकेटर (focus indicator) दृश्यमान असल्याची खात्री करा, जेणेकरून वापरकर्त्यांना ते पेजवर कुठे आहेत हे समजेल.
कलर कॉन्ट्रास्ट (Color Contrast) तपासा मजकूर त्याच्या बॅकग्राउंडपासून वेगळा दिसला पाहिजे. किमान 4.5:1 चा कॉन्ट्रास्ट रेशो ठेवण्याचे लक्ष्य ठेवा. अर्थ दर्शवण्यासाठी केवळ रंगावर अवलंबून राहू नका. जर एखादी त्रुटी (error) फक्त लाल रंगाच्या मजकुराद्वारे दर्शवली जात असेल, तर कलरब्लाइंड (colorblind) वापरकर्त्याचे ते दुर्लक्ष होईल. त्यासोबत एखादे आयकॉन किंवा लेबल जोडा.
अर्थपूर्ण Alt Text लिहा "image1.jpg" सारखी फाईल नावे alt text म्हणून वापरणे थांबवा. इमेज काय दर्शवते आणि ती का महत्त्वाची आहे याचे वर्णन करा. जर एखादी इमेज फक्त सजावटीसाठी असेल, तर रिकामे alt attribute वापरा जेणेकरून स्क्रीन रीडर्स ती वगळतील.
प्रत्यक्ष साधनांसह (Real Tools) चाचणी करा ऑटोमेटेड टूल्स केवळ सुमारे 40% समस्या शोधू शकतात. तुम्हाला NVDA, JAWS किंवा VoiceOver सारख्या प्रत्यक्ष स्क्रीन रीडर्ससह चाचणी करणे आवश्यक आहे. जर तुम्ही केवळ सॉफ्टवेअरवर अवलंबून राहिलात, तर तुमच्याकडून वास्तविक त्रुटी सुटतील.
जेव्हा तुम्ही टोकाच्या गरजांसाठी (edges) तयार करता, तेव्हा मध्यवर्ती वापरकर्त्यांसाठीही ते अधिक चांगले होते. प्रखर सूर्यप्रकाशात फोन वापरणारी व्यक्ती किंवा एका हाताने बाळ पकडलेला पालक, या दोघांनाही तुमच्या ॲक्सेसिबल डिझाइनचा फायदा होतो.
ॲक्सेसिबिलिटीकडे केवळ एक कायदेशीर काम म्हणून पाहणे थांबवा. ते गुणवत्तेचे मानक (standard) म्हणून पहा.