# एक्सेसिबिलिटी की वे समस्याएँ जिनकी हम जाँच करते हैं

<https://www.fixreports.com/hi/issues>

हर पेज ऐसी एक समस्या समझाता है जो हमारे ऑटोमेटेड टेस्ट में मिलती है: उसका मतलब क्या है, वह किस WCAG मानदंड से जुड़ी है, किसी भी साइट, Shopify और WooCommerce पर उसे कैसे ठीक करें, और सुधार की जाँच कैसे करें।

## एक्सेसिबिलिटी की समस्याएँ
- [ARIA से छिपा एलिमेंट फ़ोकस होने लायक नहीं होना चाहिए, और न ही उसमें फ़ोकस होने लायक एलिमेंट होने चाहिए](https://www.fixreports.com/hi/issues/aria-hidden-focus): WCAG 4.1.2 · लेवल A. फ़ोकस हो सकने वाले एलिमेंट स्क्रीन रीडर से छिपे हैं, लेकिन कीबोर्ड से अब भी उन तक पहुंचा जा सकता है। (ARIA एट्रिब्यूट और रोल)
- [autocomplete एट्रिब्यूट सही तरीके से इस्तेमाल होना चाहिए](https://www.fixreports.com/hi/issues/autocomplete-valid): WCAG 1.3.5 · लेवल AA. एक फ़ॉर्म फ़ील्ड ऐसी autocomplete वैल्यू इस्तेमाल करता है जिसे ब्राउज़र नहीं पहचानते। (बिना लेबल वाले फ़ॉर्म फ़ील्ड)
- [बटन में पहचाना जा सकने वाला टेक्स्ट होना चाहिए](https://www.fixreports.com/hi/issues/button-name): WCAG 4.1.2 · लेवल A. कुछ बटन का कोई एक्सेसिबल नाम नहीं है, इसलिए स्क्रीन रीडर इस्तेमाल करने वालों को सिर्फ़ “button” सुनाई देता है। (बिना नाम वाले लिंक और बटन)
- [एलिमेंट को न्यूनतम कलर कंट्रास्ट अनुपात की सीमा पूरी करनी चाहिए](https://www.fixreports.com/hi/issues/color-contrast): WCAG 1.4.3 · लेवल AA. कुछ टेक्स्ट अपने बैकग्राउंड से इतना अलग नहीं दिखता कि कम दृष्टि वाले लोग उसे पढ़ सकें। (कम कलर कंट्रास्ट)
- [नेविगेशन में मदद के लिए डॉक्यूमेंट में <title> एलिमेंट होना चाहिए](https://www.fixreports.com/hi/issues/document-title): WCAG 2.4.2 · लेवल A. एक पेज का कोई टाइटल नहीं है, इसलिए यूज़र नहीं जान पाते कि वे किस पेज पर हैं। (पेज टाइटल)
- [ARIA और लेबल में इस्तेमाल होने वाली id यूनीक होनी चाहिए](https://www.fixreports.com/hi/issues/duplicate-id-aria): WCAG 4.1.2 · लेवल A. कई एलिमेंट एक ही id इस्तेमाल करते हैं जो किसी चीज़ को लेबल करती है या उसका वर्णन करती है, इसलिए असिस्टिव टेक्नोलॉजी गलत लेबल पढ़ सकती है। (ARIA एट्रिब्यूट और रोल)
- [फ़्रेम का एक्सेसिबल नाम होना चाहिए](https://www.fixreports.com/hi/issues/frame-title): WCAG 4.1.2 · लेवल A. एक एम्बेड किए गए फ़्रेम (अक्सर मैप, वीडियो या ऐप विजेट) का कोई टाइटल नहीं है, इसलिए स्क्रीन रीडर इस्तेमाल करने वालों को पता नहीं चलता कि उसमें क्या है। (पेज का स्ट्रक्चर, हेडिंग और लैंडमार्क)
- [हेडिंग लेवल एक बार में सिर्फ़ एक बढ़ना चाहिए](https://www.fixreports.com/hi/issues/heading-order): एक्सेसिबिलिटी की बेस्ट प्रैक्टिस. हेडिंग लेवल बीच में छूट जाते हैं (जैसे H2 से सीधे H4), जिससे स्क्रीन रीडर इस्तेमाल करने वालों के लिए पेज का स्ट्रक्चर उलझन भरा हो जाता है। (पेज का स्ट्रक्चर, हेडिंग और लैंडमार्क)
- [<html> एलिमेंट में lang एट्रिब्यूट होना चाहिए](https://www.fixreports.com/hi/issues/html-has-lang): WCAG 3.1.1 · लेवल A. पेज अपनी भाषा घोषित नहीं करता, इसलिए स्क्रीन रीडर उसे गलत उच्चारण के साथ पढ़ सकते हैं। (पेज की भाषा)
- [<html> एलिमेंट के lang एट्रिब्यूट की वैल्यू मान्य होनी चाहिए](https://www.fixreports.com/hi/issues/html-lang-valid): WCAG 3.1.1 · लेवल A. पेज का भाषा कोड मान्य नहीं है, इसलिए स्क्रीन रीडर सही आवाज़ नहीं चुन पाते। (पेज की भाषा)
- [इमेज में वैकल्पिक टेक्स्ट होना चाहिए](https://www.fixreports.com/hi/issues/image-alt): WCAG 1.1.1 · लेवल A. इमेज में टेक्स्ट विकल्प नहीं है, इसलिए स्क्रीन रीडर इस्तेमाल करने वालों को पता नहीं चलता कि उनमें क्या दिखाया गया है। (बिना टेक्स्ट विकल्प वाली इमेज)
- [input बटन में पहचाना जा सकने वाला टेक्स्ट होना चाहिए](https://www.fixreports.com/hi/issues/input-button-name): WCAG 4.1.2 · लेवल A. एक input बटन में कोई टेक्स्ट नहीं है, इसलिए स्क्रीन रीडर नहीं बता सकते कि वह क्या करता है। (बिना लेबल वाले फ़ॉर्म फ़ील्ड)
- [इमेज बटन में वैकल्पिक टेक्स्ट होना चाहिए](https://www.fixreports.com/hi/issues/input-image-alt): WCAG 1.1.1, 4.1.2 · लेवल A. एक इमेज बटन में alt टेक्स्ट नहीं है, इसलिए स्क्रीन रीडर नहीं बता सकते कि वह क्या करता है। (बिना टेक्स्ट विकल्प वाली इमेज)
- [फ़ॉर्म एलिमेंट के लेबल होने चाहिए](https://www.fixreports.com/hi/issues/label): WCAG 4.1.2 · लेवल A. कुछ फ़ॉर्म फ़ील्ड का कोई लेबल नहीं है, इसलिए स्क्रीन रीडर इस्तेमाल करने वालों को पता नहीं चलता कि क्या भरना है। (बिना लेबल वाले फ़ॉर्म फ़ील्ड)
- [डॉक्यूमेंट में एक main लैंडमार्क होना चाहिए](https://www.fixreports.com/hi/issues/landmark-one-main): एक्सेसिबिलिटी की बेस्ट प्रैक्टिस. पेज में कोई main लैंडमार्क नहीं है, इसलिए स्क्रीन रीडर इस्तेमाल करने वाले सीधे कंटेंट पर नहीं जा सकते। (पेज का स्ट्रक्चर, हेडिंग और लैंडमार्क)
- [लिंक रंग पर निर्भर हुए बिना अलग पहचाने जा सकने चाहिए](https://www.fixreports.com/hi/issues/link-in-text-block): WCAG 1.4.1 · लेवल A. पैराग्राफ़ के अंदर के लिंक सिर्फ़ रंग से अलग दिखते हैं, इसलिए जो लोग रंग का फ़र्क नहीं देख पाते, उनसे ये छूट जाते हैं। (कम कलर कंट्रास्ट)
- [लिंक में पहचाना जा सकने वाला टेक्स्ट होना चाहिए](https://www.fixreports.com/hi/issues/link-name): WCAG 2.4.4, 4.1.2 · लेवल A. कुछ लिंक में ऐसा कोई टेक्स्ट नहीं है जिसे स्क्रीन रीडर पढ़ सके; अक्सर ये सिर्फ़ आइकन वाले लिंक होते हैं, जैसे सोशल आइकन या कार्ट आइकन। (बिना नाम वाले लिंक और बटन)
- [ज़ूम और स्केलिंग बंद नहीं की जानी चाहिए](https://www.fixreports.com/hi/issues/meta-viewport): WCAG 1.4.4 · लेवल AA. पेज मोबाइल पर पिंच-ज़ूम को रोकता है। (ज़ूम और रीफ़्लो)
- [पेज में लेवल-वन हेडिंग होनी चाहिए](https://www.fixreports.com/hi/issues/page-has-heading-one): एक्सेसिबिलिटी की बेस्ट प्रैक्टिस. पेज में कोई टॉप-लेवल हेडिंग नहीं है। (पेज का स्ट्रक्चर, हेडिंग और लैंडमार्क)
- [पेज का सारा कंटेंट लैंडमार्क के अंदर होना चाहिए](https://www.fixreports.com/hi/issues/region): एक्सेसिबिलिटी की बेस्ट प्रैक्टिस. कुछ कंटेंट किसी पेज लैंडमार्क (header, nav, main या footer) के अंदर नहीं है। (पेज का स्ट्रक्चर, हेडिंग और लैंडमार्क)
- [[role="img"] और [role="image"] एलिमेंट में वैकल्पिक टेक्स्ट होना चाहिए](https://www.fixreports.com/hi/issues/role-img-alt): WCAG 1.1.1 · लेवल A. इमेज के रूप में दिखाए गए एक एलिमेंट का कोई टेक्स्ट विकल्प नहीं है। (बिना टेक्स्ट विकल्प वाली इमेज)
- [स्क्रॉल होने वाले हिस्से तक कीबोर्ड से पहुंचा जा सकना चाहिए](https://www.fixreports.com/hi/issues/scrollable-region-focusable): WCAG 2.1.1 · लेवल A. एक स्क्रॉल होने वाले हिस्से तक कीबोर्ड से नहीं पहुंचा जा सकता, इसलिए कीबोर्ड इस्तेमाल करने वाले उसे स्क्रॉल नहीं कर सकते। (कीबोर्ड एक्सेस और फ़ोकस)
- [select एलिमेंट का एक्सेसिबल नाम होना चाहिए](https://www.fixreports.com/hi/issues/select-name): WCAG 4.1.2 · लेवल A. एक ड्रॉपडाउन (अक्सर सॉर्ट या वेरिएंट चुनने वाला) का कोई लेबल नहीं है। (बिना लेबल वाले फ़ॉर्म फ़ील्ड)
- [img या image role वाले <svg> एलिमेंट में वैकल्पिक टेक्स्ट होना चाहिए](https://www.fixreports.com/hi/issues/svg-img-alt): WCAG 1.1.1 · लेवल A. जानकारी देने वाली एक SVG इमेज का कोई टेक्स्ट विकल्प नहीं है। (बिना टेक्स्ट विकल्प वाली इमेज)
- [सभी टच टारगेट 24px के होने चाहिए, या उनके आसपास पर्याप्त जगह होनी चाहिए](https://www.fixreports.com/hi/issues/target-size): WCAG 2.5.8 · लेवल AA. कुछ टैप टारगेट 24 × 24 पिक्सेल से छोटे हैं और एक-दूसरे के बहुत पास हैं, जिससे फ़ोन पर उन्हें दबाना मुश्किल होता है। (कीबोर्ड एक्सेस और फ़ोकस)