You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/mr/1-getting-started-lessons/3-accessibility/assignment.md

238 lines
30 KiB

<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "e6d0f456dfc22afb41bbdefeb5ec179d",
"translation_date": "2025-10-20T21:19:40+00:00",
"source_file": "1-getting-started-lessons/3-accessibility/assignment.md",
"language_code": "mr"
}
-->
# व्यापक वेबसाइट प्रवेशयोग्यता ऑडिट
## सूचना
या असाइनमेंटमध्ये, तुम्ही शिकलेल्या तत्त्वे आणि तंत्रांचा वापर करून एका वास्तविक वेबसाइटचा व्यावसायिक स्तरावर प्रवेशयोग्यता ऑडिट कराल. ही प्रत्यक्ष अनुभवाची प्रक्रिया तुम्हाला प्रवेशयोग्यता अडथळे आणि उपाय याबद्दल सखोल समज देईल.
अशा वेबसाइटची निवड करा ज्यामध्ये प्रवेशयोग्यतेच्या समस्या असतील—यामुळे तुम्हाला आधीच परिपूर्ण साइटचे विश्लेषण करण्यापेक्षा अधिक शिकण्याची संधी मिळेल. चांगले उमेदवार म्हणजे जुन्या वेबसाइट्स, जटिल वेब अनुप्रयोग किंवा समृद्ध मल्टिमीडिया सामग्री असलेल्या साइट्स.
### टप्पा 1: धोरणात्मक मॅन्युअल मूल्यांकन
स्वयंचलित साधनांचा वापर करण्याआधी, व्यापक मॅन्युअल मूल्यांकन करा. ही मानवी-केंद्रित पद्धत अनेकदा साधने गहाळ करतात अशा समस्यांचे प्रकटीकरण करते आणि तुम्हाला वास्तविक वापरकर्ता अनुभव समजण्यास मदत करते.
**🔍 आवश्यक मूल्यांकन निकष:**
**नेव्हिगेशन आणि संरचना:**
- तुम्ही फक्त कीबोर्ड (Tab, Shift+Tab, Enter, Space, Arrow keys) वापरून संपूर्ण साइट नेव्हिगेट करू शकता का?
- सर्व परस्परसंवादी घटकांवर फोकस इंडिकेटर्स स्पष्टपणे दिसतात का?
- हेडिंग संरचना (H1-H6) तर्कसंगत सामग्रीची रूपरेषा तयार करते का?
- मुख्य सामग्रीवर उडी मारण्यासाठी स्किप लिंक आहेत का?
**व्हिज्युअल प्रवेशयोग्यता:**
- संपूर्ण साइटवर पुरेसा रंग विरोधाभास आहे का (सामान्य मजकुरासाठी किमान 4.5:1)?
- साइट फक्त रंगावर महत्त्वाची माहिती देण्यासाठी अवलंबून आहे का?
- सर्व प्रतिमांमध्ये योग्य पर्यायी मजकूर आहे का?
- साइट 200% झूम केल्यावर लेआउट कार्यक्षम राहतो का?
**सामग्री आणि संवाद:**
- "येथे क्लिक करा" किंवा अस्पष्ट लिंक मजकूर आहेत का?
- तुम्ही व्हिज्युअल संकेतांशिवाय सामग्री आणि कार्यक्षमता समजू शकता का?
- फॉर्म फील्ड योग्यरित्या लेबल केलेले आणि गटबद्ध आहेत का?
- त्रुटी संदेश स्पष्ट आणि उपयुक्त आहेत का?
**परस्परसंवादी घटक:**
- सर्व बटणे आणि फॉर्म नियंत्रणे फक्त कीबोर्डसह कार्य करतात का?
- डायनॅमिक सामग्री बदल स्क्रीन रीडर्सला घोषित केले जातात का?
- मॉडेल डायलॉग्स आणि जटिल विजेट्स योग्य प्रवेशयोग्यता नमुन्यांचे अनुसरण करतात का?
📝 **तुमच्या निष्कर्षांचे दस्तऐवजीकरण करा** विशिष्ट उदाहरणे, स्क्रीनशॉट्स आणि पृष्ठ URL सह. समस्या आणि चांगल्या प्रकारे केलेल्या गोष्टींची नोंद करा.
### टप्पा 2: व्यापक स्वयंचलित चाचणी
आता उद्योग-मानक प्रवेशयोग्यता चाचणी साधने वापरून तुमच्या मॅन्युअल निष्कर्षांची पडताळणी करा आणि त्यांचा विस्तार करा. प्रत्येक साधनाचे वेगवेगळे सामर्थ्य असते, त्यामुळे एकाधिक साधने वापरल्याने तुम्हाला संपूर्ण कव्हरेज मिळते.
**🛠️ आवश्यक चाचणी साधने:**
1. **लाइटहाऊस प्रवेशयोग्यता ऑडिट** (Chrome/Edge DevTools मध्ये समाविष्ट)
- अनेक पृष्ठांवर ऑडिट चालवा
- विशिष्ट मेट्रिक्स आणि शिफारसींवर लक्ष केंद्रित करा
- तुमचा प्रवेशयोग्यता स्कोअर आणि विशिष्ट उल्लंघनांची नोंद करा
2. **axe DevTools** (ब्राउझर एक्सटेंशन - उद्योग मानक)
- लाइटहाऊसपेक्षा अधिक तपशीलवार समस्या शोध
- दुरुस्तीसाठी विशिष्ट कोड उदाहरणे प्रदान करते
- WCAG 2.1 निकषांनुसार चाचणी करते
3. **WAVE वेब प्रवेशयोग्यता मूल्यांकनकर्ता** (ब्राउझर एक्सटेंशन)
- प्रवेशयोग्यता वैशिष्ट्यांचे व्हिज्युअल प्रतिनिधित्व
- त्रुटी आणि सकारात्मक वैशिष्ट्ये हायलाइट करते
- पृष्ठ संरचना समजून घेण्यासाठी उत्कृष्ट
4. **रंग विरोधाभास विश्लेषक**
- विशिष्ट रंग जोड्यांसाठी WebAIM Contrast Checker
- पृष्ठ-व्याप्ती विश्लेषणासाठी ब्राउझर एक्सटेंशन्स
- WCAG AA आणि AAA मानकांनुसार चाचणी करा
**🎧 वास्तविक सहाय्यक तंत्रज्ञान चाचणी:**
- **स्क्रीन रीडर चाचणी**: NVDA (Windows), VoiceOver (Mac), किंवा TalkBack (Android) वापरा
- **फक्त कीबोर्ड नेव्हिगेशन**: तुमचा माऊस अनप्लग करा आणि संपूर्ण साइट नेव्हिगेट करा
- **झूम चाचणी**: 200% आणि 400% झूम स्तरांवर कार्यक्षमता तपासा
- **व्हॉइस कंट्रोल चाचणी**: उपलब्ध असल्यास, व्हॉइस नेव्हिगेशन साधने वापरून पहा
**📊 तुमचे परिणाम व्यवस्थित करा** मास्टर स्प्रेडशीट तयार करून:
- समस्या वर्णन आणि स्थान
- गंभीरता स्तर (गंभीर/उच्च/मध्यम/कमी)
- WCAG यश निकषांचे उल्लंघन
- समस्या शोधणारे साधन
- स्क्रीनशॉट्स आणि पुरावे
### टप्पा 3: व्यापक निष्कर्षांचे दस्तऐवजीकरण
तांत्रिक समस्या आणि त्यांचा मानवी प्रभाव यांचे तुमचे ज्ञान दर्शवणारा व्यावसायिक प्रवेशयोग्यता ऑडिट अहवाल तयार करा.
**📋 आवश्यक अहवाल विभाग:**
1. **कार्यकारी सारांश** (1 पृष्ठ)
- वेबसाइट URL आणि थोडक्यात वर्णन
- एकूण प्रवेशयोग्यता परिपक्वता स्तर
- सर्वात गंभीर 3 समस्या
- अपंग वापरकर्त्यांवर अंदाजे परिणाम
2. **पद्धतशास्त्र** (½ पृष्ठ)
- चाचणी दृष्टिकोन आणि वापरलेली साधने
- मूल्यांकन केलेली पृष्ठे आणि डिव्हाइस/ब्राउझर संयोजन
- मूल्यांकन केलेले मानक (WCAG 2.1 AA)
3. **तपशीलवार निष्कर्ष** (2-3 पृष्ठे)
- WCAG तत्त्वानुसार वर्गीकृत समस्या (समजण्यायोग्य, कार्यक्षम, समजण्यायोग्य, मजबूत)
- स्क्रीनशॉट्स आणि विशिष्ट उदाहरणे समाविष्ट करा
- तुम्हाला सापडलेल्या सकारात्मक प्रवेशयोग्यता वैशिष्ट्यांची नोंद करा
- स्वयंचलित साधन परिणामांसह क्रॉस-रेफरन्स करा
4. **वापरकर्ता प्रभाव मूल्यांकन** (1 पृष्ठ)
- ओळखलेल्या समस्यांचा विविध अपंग वापरकर्त्यांवर कसा परिणाम होतो
- वास्तविक वापरकर्ता अनुभवांचे वर्णन करणारे परिस्थिती
- व्यवसाय परिणाम (कायदेशीर जोखीम, SEO, वापरकर्ता बेस विस्तार)
**📸 पुरावे गोळा करणे:**
- प्रवेशयोग्यता उल्लंघनांचे स्क्रीनशॉट्स
- समस्यात्मक वापरकर्ता प्रवाहांचे स्क्रीन रेकॉर्डिंग
- साधन अहवाल (PDF म्हणून जतन करा)
- समस्यांचे कोड उदाहरणे दर्शवणे
### टप्पा 4: व्यावसायिक सुधारणा योजना
प्रवेशयोग्यता समस्यांचे निराकरण करण्यासाठी एक धोरणात्मक, प्राधान्यक्रमित योजना तयार करा. हे वास्तविक व्यवसाय मर्यादा हाताळणारा व्यावसायिक वेब विकसक म्हणून विचार करण्याची तुमची क्षमता दर्शवते.
**🎯 ओळखलेल्या प्रत्येक समस्येसाठी तपशीलवार सुधारणा शिफारसी तयार करा (किमान 10 समस्या):**
**प्रत्येक समस्येसाठी, प्रदान करा:**
- **समस्या वर्णन**: काय चुकीचे आहे आणि ते का समस्यात्मक आहे याचे स्पष्ट स्पष्टीकरण
- **WCAG संदर्भ**: उल्लंघन केलेले विशिष्ट यश निकष (उदा., "2.4.4 लिंक उद्देश (संदर्भात) - स्तर A")
- **वापरकर्ता प्रभाव**: याचा विविध अपंग व्यक्तींवर कसा परिणाम होतो
- **उपाय**: विशिष्ट कोड बदल, डिझाइन सुधारणा किंवा प्रक्रिया सुधारणा
- **प्राधान्य स्तर**: गंभीर (मूलभूत वापर अवरोधित करतो) / उच्च (महत्त्वाचा अडथळा) / मध्यम (वापरयोग्यता समस्या) / कमी (सुधारणा)
- **अंमलबजावणीचा प्रयत्न**: वेळ/जटिलता अंदाज (जलद उपाय / मध्यम प्रयत्न / मोठा पुनर्रचना)
- **चाचणी पडताळणी**: दुरुस्ती कार्य करते हे कसे सत्यापित करावे
**उदाहरण सुधारणा नोंद:**
```
Issue: Generic "Read more" link text appears 8 times on homepage
WCAG Reference: 2.4.4 Link Purpose (In Context) - Level A
User Impact: Screen reader users cannot distinguish between links when viewed in link list
Solution: Replace with descriptive text like "Read more about sustainability initiatives"
Priority: High (major navigation barrier)
Effort: Low (30 minutes to update content)
Testing: Generate link list with screen reader - each link should be meaningful standalone
```
**📈 धोरणात्मक अंमलबजावणी टप्पे:**
- **टप्पा 1 (0-2 आठवडे)**: मूलभूत कार्यक्षमता अवरोधित करणाऱ्या गंभीर समस्या
- **टप्पा 2 (1-2 महिने)**: चांगल्या वापरकर्ता अनुभवासाठी उच्च-प्राधान्य सुधारणा
- **टप्पा 3 (3-6 महिने)**: मध्यम-प्राधान्य सुधारणा आणि प्रक्रिया सुधारणा
- **टप्पा 4 (सतत)**: सतत प्रवेशयोग्यता मूल्यांकन आणि सुधारणा
## मूल्यांकन निकष
तुमच्या प्रवेशयोग्यता ऑडिटचे तांत्रिक अचूकता आणि व्यावसायिक सादरीकरणावर मूल्यांकन केले जाईल:
| निकष | उत्कृष्ट (90-100%) | चांगले (80-89%) | समाधानकारक (70-79%) | सुधारणा आवश्यक (<70%) |
|------|-------------------|-----------------|---------------------|----------------------|
| **मॅन्युअल चाचणी खोली** | सर्व POUR तत्त्वे कव्हर करणारे व्यापक मूल्यांकन, तपशीलवार निरीक्षणे आणि वापरकर्ता परिस्थिती | प्रवेशयोग्यतेच्या बहुतेक क्षेत्रांचे चांगले कव्हरेज, स्पष्ट निष्कर्ष आणि काही वापरकर्ता प्रभाव विश्लेषण | मुख्य क्षेत्रे कव्हर करणारे मूलभूत मूल्यांकन, पुरेसे निरीक्षण | मर्यादित चाचणी, पृष्ठभागीय निरीक्षणे आणि किमान वापरकर्ता प्रभाव विचार |
| **साधन उपयोग आणि विश्लेषण** | सर्व आवश्यक साधने प्रभावीपणे वापरते, निष्कर्ष क्रॉस-रेफरन्स करते, स्पष्ट पुरावे समाविष्ट करते आणि साधन मर्यादा विश्लेषित करते | बहुतेक साधने चांगल्या दस्तऐवजीकरणासह वापरते, काही क्रॉस-रेफरन्सिंग आणि पुरेसे पुरावे | आवश्यक साधने मूलभूत दस्तऐवजीकरणासह वापरते आणि काही पुरावे | किमान साधन वापर, खराब दस्तऐवजीकरण किंवा पुरावे गहाळ |
| **समस्या ओळख आणि वर्गीकरण** | सर्व WCAG तत्त्वांमध्ये 15+ विशिष्ट समस्या ओळखते, गंभीरतेनुसार अचूक वर्गीकरण करते, सखोल समज दर्शवते | बहुतेक WCAG तत्त्वांमध्ये 10-14 समस्या ओळखते, चांगले वर्गीकरण, ठोस समज दर्शवते | 7-9 समस्या ओळखते, पुरेसे WCAG कव्हरेज आणि मूलभूत वर्गीकरण | <7 समस्या ओळखते, मर्यादित व्याप्ती किंवा खराब वर्गीकरण |
| **उपाय गुणवत्ता आणि व्यवहार्यता** | 10+ तपशीलवार, कृतीक्षम उपाय अचूक WCAG संदर्भांसह, वास्तववादी अंमलबजावणी कालावधी आणि पडताळणी पद्धती | 8-9 चांगले विकसित उपाय, प्रामुख्याने अचूक संदर्भ आणि चांगले अंमलबजावणी तपशील | 6-7 मूलभूत उपाय काही तपशीलांसह आणि सामान्यतः वास्तववादी दृष्टिकोन | <6 उपाय किंवा अपुरे तपशील, अवास्तव अंमलबजावणी |
| **व्यावसायिक संवाद** | अहवाल उत्कृष्टपणे आयोजित, स्पष्टपणे लिहिलेला, कार्यकारी सारांश समाविष्ट करतो, योग्य तांत्रिक भाषा वापरतो आणि व्यवसाय दस्तऐवज मानकांचे अनुसरण करतो | चांगल्या लेखन गुणवत्तेसह चांगले आयोजित, बहुतेक आवश्यक विभाग समाविष्ट करतो, योग्य टोन | पुरेसे आयोजित, स्वीकारार्ह लेखन, मूलभूत आवश्यक विभाग समाविष्ट करतो | खराब आयोजन, अस्पष्ट लेखन किंवा मुख्य विभाग गहाळ |
| **वास्तविक-जागतिक अनुप्रयोग** | व्यवसाय परिणाम, कायदेशीर विचार, वापरकर्ता विविधता आणि व्यावहारिक अंमलबजावणी आव्हाने समजते | व्यावहारिक अनुप्रयोगांसह चांगली समज, काही व्यवसाय संदर्भ | वास्तविक-जागतिक अनुप्रयोगांची मूलभूत समज | व्यावहारिक अनुप्रयोगांशी मर्यादित कनेक्शन |
## प्रगत आव्हान पर्याय
**🚀 अतिरिक्त आव्हान शोधणाऱ्या विद्यार्थ्यांसाठी:**
- **तुलनात्मक विश्लेषण**: 2-3 स्पर्धात्मक वेबसाइट्सचे ऑडिट करा आणि त्यांच्या प्रवेशयोग्यता परिपक्वतेची तुलना करा
- **मोबाइल प्रवेशयोग्यता लक्ष केंद्रित**: Android TalkBack किंवा iOS VoiceOver वापरून मोबाइल-विशिष्ट प्रवेशयोग्यता समस्यांमध्ये सखोल अभ्यास
- **आंतरराष्ट्रीय दृष्टिकोन**: विविध देशांतील प्रवेशयोग्यता मानकांचा संशोधन आणि अनुप्रयोग (EN 301 549, Section 508, ADA)
- **प्रवेशयोग्यता विधान पुनरावलोकन**: वेबसाइटच्या विद्यमान प्रवेशयोग्यता विधानाचे (असल्यास) तुमच्या निष्कर्षांच्या विरुद्ध मूल्यांकन करा
## सुपूर्त वस्तू
व्यावसायिक-स्तरीय विश्लेषण आणि व्यावहारिक अंमलबजावणी नियोजन दर्शवणारा व्यापक प्रवेशयोग्यता ऑडिट अहवाल सबमिट करा:
**📄 अंतिम अहवाल आवश्यकता:**
1. **कार्यकारी सारांश** (1 पृष्ठ)
- वेबसाइट विहंगावलोकन आणि प्रवेशयोग्यता परिपक्वता मूल्यांकन
- व्यवसाय परिणामासह मुख्य निष्कर्षांचा सारांश
- प्राधान्य क्रियांची शिफारस
2. **पद्धतशास्त्र आणि व्याप्ती** (1 पृष्ठ)
- चाचणी दृष्टिकोन, वापरलेली साधने आणि मूल्यांकन निकष
- मूल्यांकन केलेली पृष्ठे/विभाग आणि कोणत्याही मर्यादा
- मानक अनुपालन फ्रेमवर्क (WCAG 2.1 AA)
3. **तपशीलवार निष्कर्ष अहवाल** (3-4 पृष्ठे)
- वापरकर्ता परिस्थितींसह मॅन्युअल चाचणी निरीक्षणे
- स्वयंचलित साधन परिणाम क्रॉस-रेफरन्ससह
- WCAG तत्त्वांनुसार समस्या पुराव्यासह आयोजित
- ओळखलेली सकारात्मक प्रवेशयोग्यता वैशिष्ट्ये
4. **धोरणात्मक सुधारणा योजना** (3-4 पृष्ठे)
- प्राधान्यक्रमित सुधारणा शिफारसी (किमान 10)
- प्रयत्न अंदाजांसह अंमलबजावणी कालावधी
- यश मेट्रिक्स आणि पडताळणी पद्धती
- दीर्घकालीन प्रवेशयोग्यता देखभाल धोरण
5. **समर्थन पुरावे** (परिशिष्ट)
- प्रवेशयोग्यता उल्लंघन आणि चाचणी साधनांचे स्क्रीनशॉट्स
- समस्यांचे कोड उदाहरणे आणि उपाय दर्शवणे
- साधन अहवाल आणि ऑडिट सारांश
- स्क्रीन रीडर चाचणी नोट्स किंवा रेकॉर्डिंग
**📊 स्वरूप आवश्यकता:**
- **दस्तऐवज स्वरूप**: PDF (व्यावसायिक सादरीकरण)
- **शब्द संख्या**: 2,500-3,500 शब्द (परिशिष्ट आणि स्क्रीनशॉट्स वगळून)
- **व्हिज्युअल घटक**: स्क्रीनशॉट्स, आकृत्या आणि उदाहरणे समाविष्ट करा
- **संदर्भ**: योग्यरित्या WCAG मार्गदर्शक तत्त्वे आणि प्रवेशयोग्यता संसाधने संदर्भित करा
**💡 उत्कृष्टतेसाठी टिप्स:**
- सुसंगत शीर्षके आणि शैलीसह व्यावसायिक अहवाल स्वरूपन वापरा
- सोप्या नेव्हिगेशनसाठी सामग्रीची सूची समाविष्ट करा
- तांत्रिक अचूकतेसह स्पष्ट, व्यवसाय-योग्य भाषा संतुलित करा
- तांत्रिक अंमलबजावणी आणि वापरकर्ता प्रभाव यांचे ज्ञान प्रदर्शित करा
## शिकण्याचे परिणाम
या व्यापक प्रवेशयोग्यता ऑडिट पूर्ण केल्यानंतर, तुम्ही आवश्यक व्यावसायिक कौशल्ये विकसित केली असतील:
**🎯 तांत्रिक क्षमता:**
- **प्रवेशयोग्यता चाचणी कौशल्य**: उद्योग-मानक मॅन्युअल आणि स्वयंचलित चाचणी पद्धतींचे प्रवीणता
- **WCAG अनुप्रयोग**: वास्तविक-जागतिक परिस्थितीत वेब सामग्री प्रवेशयोग्यता मार्गदर्शक तत्त्वे लागू करण्याचा व्यावहारिक अनुभव
- **सहाय्यक तंत्रज्ञान समज**: स्क्रीन रीडर्स आणि कीबोर्ड नेव्हिगेशनसह प्रत्यक्ष अनुभव
-
---
**अस्वीकरण**:
हा दस्तऐवज AI भाषांतर सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरे त्रुटी किंवा अचूकतेच्या अभावाने युक्त असू शकतात. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही.