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