परियोजना का विवरण
अनुवादितहमारे पास एक कार्यशील वेबसाइट है जिसमें कई इंटरैक्टिव ब्लॉक (फॉर्म, फ़िल्टर के साथ कैटलॉग, मोडल कार्ट) हैं, और हमने कभी इसकी पहुंच की जांच नहीं की। हाल ही में एक स्क्रीन रीडर का उपयोग करने वाले ग्राहक ने लिखा कि वे खरीदारी पूरी नहीं कर सके — और इसने हमें इस विषय को गंभीरता से लेने के लिए मजबूर किया। मैं एक विशेषज्ञ की तलाश कर रहा हूँ जो WCAG 2.1 AA ऑडिट करेगा, कमजोर बिंदुओं को ईमानदारी से दिखाएगा, और केवल शिकायतों की सूची नहीं देगा बल्कि वास्तव में हमारे टेम्पलेट्स में पाए गए मुद्दों को ठीक करेगा।
काम दो स्पष्ट चरणों में विभाजित होता है। पहले, एक संरचित ऑडिट: स्वचालित स्कैनिंग के साथ-साथ मैनुअल कीबोर्ड परीक्षण और प्रमुख पृष्ठों (होम, कैटलॉग, उत्पाद कार्ड, सामग्री पृष्ठ, और संपूर्ण चेकआउट प्रवाह) पर कम से कम एक वास्तविक स्क्रीन रीडर। मैं एक प्राथमिकता वाली रिपोर्ट चाहता हूँ जहाँ अवरोधकों को छोटे मुद्दों से अलग किया गया हो, प्रत्येक समस्या को एक विशिष्ट सफलता मानदंड से जोड़ा गया हो और इसमें पुनरुत्पादन के चरण शामिल हों ताकि डेवलपर्स मुद्दे को समझ सकें। फिर कार्यान्वयन: आप सीधे टेम्पलेट्स में सुधार करते हैं और परिणामों की पुष्टि करते हैं। यह महत्वपूर्ण है कि दृश्य उपस्थिति अपरिवर्तित रहे और वर्तमान व्यवहार को न तोड़ा जाए।
फ्रंटेंड साधारण HTML, CSS, और थोड़ी सी वनीला जावास्क्रिप्ट है; भारी ढांचे की आवश्यकता नहीं है, लेकिन मैं एक विचारशील दृष्टिकोण की अपेक्षा करता हूँ: जहाँ ARIA उपयुक्त है और जहाँ स्वदेशी अर्थ बेहतर हैं। पिछले ऑडिट का एक संक्षिप्त उदाहरण या एक पहले/बाद का जोड़ा भेजें और बताएं कि आप कैसे सत्यापित करते हैं कि एक सुधार वास्तव में सहायक तकनीकों के लिए काम करता है।
— WCAG 2.1 AA के खिलाफ ऑडिट स्वचालित उपकरणों और मैनुअल कीबोर्ड और स्क्रीन रीडर परीक्षण के साथ
— प्राथमिकता वाली रिपोर्ट: अवरोधक और छोटे मुद्दे, मानदंड मानचित्रण, पुनरुत्पादन के चरण
— अर्थ, शीर्षक क्रम, लैंडमार्क, और फॉर्म फ़ील्ड लेबल को ठीक करें
— पूर्ण कीबोर्ड संचालन, दृश्य फोकस, और मोडलों में तार्किक फोकस क्रम
— रंग के कंट्रास्ट को ठीक करें और स्पष्ट पाठ विकल्प जोड़ें
— ARIA केवल वहाँ जहाँ स्वदेशी HTML आवश्यक पैटर्न को व्यक्त नहीं करता है
काम दो स्पष्ट चरणों में विभाजित होता है। पहले, एक संरचित ऑडिट: स्वचालित स्कैनिंग के साथ-साथ मैनुअल कीबोर्ड परीक्षण और प्रमुख पृष्ठों (होम, कैटलॉग, उत्पाद कार्ड, सामग्री पृष्ठ, और संपूर्ण चेकआउट प्रवाह) पर कम से कम एक वास्तविक स्क्रीन रीडर। मैं एक प्राथमिकता वाली रिपोर्ट चाहता हूँ जहाँ अवरोधकों को छोटे मुद्दों से अलग किया गया हो, प्रत्येक समस्या को एक विशिष्ट सफलता मानदंड से जोड़ा गया हो और इसमें पुनरुत्पादन के चरण शामिल हों ताकि डेवलपर्स मुद्दे को समझ सकें। फिर कार्यान्वयन: आप सीधे टेम्पलेट्स में सुधार करते हैं और परिणामों की पुष्टि करते हैं। यह महत्वपूर्ण है कि दृश्य उपस्थिति अपरिवर्तित रहे और वर्तमान व्यवहार को न तोड़ा जाए।
फ्रंटेंड साधारण HTML, CSS, और थोड़ी सी वनीला जावास्क्रिप्ट है; भारी ढांचे की आवश्यकता नहीं है, लेकिन मैं एक विचारशील दृष्टिकोण की अपेक्षा करता हूँ: जहाँ ARIA उपयुक्त है और जहाँ स्वदेशी अर्थ बेहतर हैं। पिछले ऑडिट का एक संक्षिप्त उदाहरण या एक पहले/बाद का जोड़ा भेजें और बताएं कि आप कैसे सत्यापित करते हैं कि एक सुधार वास्तव में सहायक तकनीकों के लिए काम करता है।
— WCAG 2.1 AA के खिलाफ ऑडिट स्वचालित उपकरणों और मैनुअल कीबोर्ड और स्क्रीन रीडर परीक्षण के साथ
— प्राथमिकता वाली रिपोर्ट: अवरोधक और छोटे मुद्दे, मानदंड मानचित्रण, पुनरुत्पादन के चरण
— अर्थ, शीर्षक क्रम, लैंडमार्क, और फॉर्म फ़ील्ड लेबल को ठीक करें
— पूर्ण कीबोर्ड संचालन, दृश्य फोकस, और मोडलों में तार्किक फोकस क्रम
— रंग के कंट्रास्ट को ठीक करें और स्पष्ट पाठ विकल्प जोड़ें
— ARIA केवल वहाँ जहाँ स्वदेशी HTML आवश्यक पैटर्न को व्यक्त नहीं करता है
वेब विकास नकद, बैंक ट्रांसफर
