इमेज कैरोसेल में सामान्य पहुँच संबंधी समस्याएँ
| मुद्दा | विवरण | प्रभाव |
|---|---|---|
| कीबोर्ड अप्राप्यता | कैरोसेल नियंत्रण कीबोर्ड के माध्यम से संचालित नहीं किए जा सकते। | इसमें कीबोर्ड नेविगेशन पर निर्भर रहने वाले उपयोगकर्ता शामिल नहीं हैं। |
| Alt टेक्स्ट गायब है | चित्रों में स्क्रीन रीडर्स के लिए वर्णनात्मक वैकल्पिक पाठ का अभाव है। | स्क्रीन रीडर उपयोगकर्ता महत्वपूर्ण सामग्री से वंचित रह जाते हैं। |
| ऑटो-स्क्रॉल समस्याएँ | कैरोसेल उपयोगकर्ता नियंत्रण के बिना स्वतः स्क्रॉल होता है। | उपयोगकर्ताओं को, विशेष रूप से संज्ञानात्मक विकलांगता वाले लोगों को, विचलित या भ्रमित करता है। |
सुलभ कैरोसेल के लिए चरण-दर-चरण मार्गदर्शिका
1. एक सुलभ कैरोसेल प्लगइन चुनें
ऐसा वर्डप्रेस प्लगइन चुनें जो एक्सेसिबिलिटी को प्राथमिकता देता हो। सुझाए गए विकल्पों में शामिल हैं:
2. ARIA भूमिकाएँ और विशेषताएँ जोड़ें
ARIA भूमिकाएँ कैरोसेल की पहुँच को बढ़ाती हैं। इसमें निम्न भूमिकाएँ शामिल हैं:
पिछला अगला
3. वर्णनात्मक Alt टेक्स्ट शामिल करें
सुनिश्चित करें कि कैरोसेल में प्रत्येक छवि में अर्थपूर्ण वैकल्पिक पाठ हो:
4. कीबोर्ड नेविगेशन सक्षम करें
नेविगेशन का परीक्षण करें Tab कुंजी. फोकस संकेतकों के लिए CSS जोड़ें:
बटन: फोकस { रूपरेखा: 2px ठोस #005fcc; }
5. ऑटो-स्क्रॉल के लिए नियंत्रण प्रदान करें
उपयोगकर्ताओं को स्वचालित स्क्रॉलिंग को रोकने या अक्षम करने की अनुमति दें:
विराम
अपने कैरोसेल का परीक्षण करें
- कीबोर्ड: केवल कीबोर्ड का उपयोग करके सभी तत्वों को नेविगेट करें।
- स्क्रीन रीडर: स्क्रीन रीडर कार्यक्षमता का परीक्षण करने के लिए NVDA या VoiceOver जैसे टूल का उपयोग करें।
- अभिगम्यता उपकरण: WAVE या लाइटहाउस जैसे उपकरणों का उपयोग करके ऑडिट चलाएं।
केस स्टडी: ई-कॉमर्स साइट के लिए सुलभ कैरोसेल
एक ऑनलाइन स्टोर ने अपने उत्पाद कैरोसेल को ARIA भूमिकाएँ और कीबोर्ड नेविगेशन शामिल करने के लिए अपडेट किया। इसका परिणाम यह हुआ कि विकलांग उपयोगकर्ताओं की सहभागिता में 20% की वृद्धि हुई और साइट-वाइड एक्सेसिबिलिटी स्कोर में सुधार हुआ।
अक्सर पूछे जाने वाले प्रश्न
छवि कैरोसेल अक्सर अप्राप्य क्यों होते हैं?
उनमें उचित नेविगेशन नियंत्रण, वैकल्पिक पाठ और फोकस प्रबंधन का अभाव होता है, जिससे सहायक प्रौद्योगिकियों के लिए उनकी व्याख्या करना कठिन हो जाता है।
क्या मैं किसी मौजूदा कैरोसेल को सुलभ बना सकता हूँ?
हां, ARIA विशेषताएं, alt टेक्स्ट जोड़कर और उचित कीबोर्ड कार्यक्षमता सुनिश्चित करके।
क्या ऑटो-स्क्रॉलिंग कैरोसेल WCAG के अनुरूप हैं?
केवल तभी जब वे उपयोगकर्ताओं को स्क्रॉलिंग रोकने या बंद करने के लिए नियंत्रण प्रदान करते हैं।
