मुफ़्त एक्सेसिबिलिटी चेकर
WCAG मानकों के अनुसार वेबसाइट की एक्सेसिबिलिटी अनुपालन जाँचें और व्यावहारिक सुधार सुझाव पाएँ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।
अपडेट किया गया
Accessibility Checker
Paste HTML code to analyze accessibility compliance with WCAG guidelines. Client-side analysis - no data sent to any server.
HTML Accessibility Analyzer
Paste your HTML code above. The analysis runs entirely in your browser.
About This Tool
This accessibility checker analyzes HTML code client-side for common WCAG violations. Paste your HTML and get instant feedback on issues across seven categories.
Checks Performed:
- WCAG Level A: Minimum accessibility requirements
- WCAG Level AA: Recommended standard (most legal requirements)
- WCAG Level AAA: Highest level of accessibility
This tool performs static analysis via regex and heuristics. For comprehensive testing, also use browser devtools, screen readers, and tools like axe-core or Lighthouse.
अक्सर पूछे जाने वाले प्रश्न
Accessibility Checker क्या है?
Accessibility Checker एक मुफ़्त ऑनलाइन टूल है जो आपकी वेबसाइट का WCAG एक्सेसिबिलिटी दिशानिर्देशों के आधार पर मूल्यांकन करता है और दिव्यांग उपयोगकर्ताओं के लिए समस्याओं की पहचान करता है।
क्या Accessibility Checker मुफ़्त है?
हाँ, यह पूरी तरह मुफ़्त है और इसके लिए किसी पंजीकरण की आवश्यकता नहीं है।
यह किन मानकों की जाँच करता है?
Accessibility Checker WCAG 2.1 दिशानिर्देशों के आधार पर परीक्षण करता है, जो आपकी वेब सामग्री की बोधगम्यता, संचालन-योग्यता, समझ-योग्यता और मज़बूती को कवर करते हैं।
क्या इस टूल के साथ मेरा डेटा सुरक्षित है?
बिल्कुल। Accessibility Checker सब कुछ आपके ब्राउज़र में क्लाइंट-साइड पर प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं किया जाता। आपकी सामग्री हर समय आपके डिवाइस पर निजी रहती है।
क्या Accessibility Checker मोबाइल डिवाइस पर काम करता है?
हाँ, Accessibility Checker पूरी तरह से रिस्पॉन्सिव है और स्मार्टफ़ोन व टैबलेट पर काम करता है। आप इसे किसी भी आधुनिक वेब ब्राउज़र वाले डिवाइस पर उपयोग कर सकते हैं, किसी ऐप डाउनलोड की ज़रूरत नहीं।
क्या इस टूल का उपयोग करने के लिए मुझे खाता बनाना होगा?
किसी खाते या पंजीकरण की आवश्यकता नहीं है। बस अपने ब्राउज़र में Accessibility Checker खोलें और तुरंत उपयोग शुरू करें। कोई साइन-अप बाधा या उपयोग प्रतिबंध नहीं है।
मैं Accessibility Checker का उपयोग कैसे करूँ?
बस दिए गए फ़ील्ड में अपना इनपुट दर्ज करें, अपनी पसंद के अनुसार सेटिंग्स समायोजित करें, और टूल इसे तुरंत प्रोसेस कर देगा। फिर आप परिणाम को अपने क्लिपबोर्ड पर कॉपी कर सकते हैं या डाउनलोड कर सकते हैं।
कौन-कौन से ब्राउज़र समर्थित हैं?
Accessibility Checker सभी आधुनिक ब्राउज़रों में काम करता है, जिनमें Chrome, Firefox, Safari, Edge और Opera शामिल हैं। सर्वोत्तम अनुभव के लिए अपने पसंदीदा ब्राउज़र के नवीनतम संस्करण का उपयोग करें।
रिज़ल्ट्स में एक्सेसिबिलिटी एरर और वॉर्निंग में क्या फ़र्क़ है?
एक एरर उस समस्या को दिखाता है जो लगभग निश्चित रूप से असिस्टिव टेक्नोलॉजी का इस्तेमाल करने वाले किसी व्यक्ति के लिए रुकावट बनती है, जैसे बिना alt एट्रिब्यूट वाली इमेज, बिना लेबल वाला फॉर्म इनपुट, या पेज टाइटल का न होना। ये किसी खास WCAG सक्सेस क्राइटीरिया का उल्लंघन करते हैं और आपके स्कोर पर सबसे ज़्यादा असर डालते हैं। वहीं एक वॉर्निंग किसी ऐसी चीज़ को फ्लैग करती है जो समस्या हो सकती है लेकिन जिसके लिए इंसानी समझ ज़रूरी है — जैसे एक खाली alt जो किसी डेकोरेटिव इमेज के लिए जानबूझकर हो सकता है, या इनलाइन टेक्स्ट और बैकग्राउंड कलर जिनका कॉन्ट्रास्ट रेशियो अभी भी वेरिफ़ाई करना बाकी है। इन्फॉर्मेशनल नोट्स स्किप-नेविगेशन लिंक जोड़ने जैसी बेस्ट प्रैक्टिस की ओर इशारा करते हैं। चूंकि A ग्रेड पाने के लिए हाई स्कोर और ज़ीरो एरर्स दोनों ज़रूरी हैं, इसलिए हर एरर को ठीक करना आपकी पहली प्राथमिकता होनी चाहिए। अपना HTML पेस्ट करें और हर फाइंडिंग को गंभीरता के हिसाब से सॉर्ट देखें, साथ में एक सुझाया गया फिक्स और कॉपी-रेडी कोड उदाहरण।
मेरे पेज में h1 होने के बावजूद चेकर हेडिंग को क्यों फ्लैग करता है?
यह ऑडिट सिर्फ़ यह नहीं देखता कि कोई हेडिंग मौजूद है या नहीं, बल्कि हेडिंग स्ट्रक्चर को भी चेक करता है। यह छूटे हुए लेवल को फ्लैग करता है — उदाहरण के लिए h2 से सीधे h4 पर कूदना — क्योंकि स्क्रीन रीडर इस्तेमाल करने वाले यूज़र्स नेविगेट करने के लिए एक लॉजिकल हेडिंग आउटलाइन पर निर्भर करते हैं, और एक गैप किसी छूटे हुए सेक्शन लेवल का संकेत देता है। यह खाली हेडिंग्स (जिनमें कोई टेक्स्ट नहीं है) और बिना किसी हेडिंग वाले पेजों को भी रिपोर्ट करता है। ये WCAG 1.3.1 से जुड़े हैं, जिसके तहत विज़ुअली दिखने वाला स्ट्रक्चर प्रोग्रामेटिकली भी उपलब्ध होना चाहिए। हेडिंग्स को एक बार में एक ही लेवल नीचे जाना चाहिए और उनके नीचे के कंटेंट का वर्णन करना चाहिए, न कि उन्हें उनके विज़ुअल साइज़ के आधार पर चुना जाए — साइज़ के लिए CSS का इस्तेमाल करें। एक साफ़ आउटलाइन बनाए रखना SEO में भी मदद करता है, क्योंकि सर्च इंजन भी वही हायरार्की पढ़ते हैं। अपना मार्कअप पेस्ट करें और Headings टैब खोलें ताकि यह ठीक-ठीक देखा जा सके कि कौन-से लेवल छूटे या खाली हैं।
एक ऑटोमेटेड एक्सेसिबिलिटी चेकर हर समस्या को पकड़ने में कितना सटीक है?
ऑटोमेटेड टूल्स स्ट्रक्चरल और एट्रिब्यूट-लेवल समस्याओं को भरोसेमंद तरीके से पकड़ लेते हैं — जैसे गायब alt एट्रिब्यूट्स, बिना लेबल वाले फॉर्म फ़ील्ड्स, गायब लैंडमार्क्स, गायब lang एट्रिब्यूट, अस्पष्ट लिंक टेक्स्ट — और ये मिलकर असल दुनिया की अधिकांश विफलताओं की वजह बनते हैं। यह चेकर आपके पेस्ट किए गए HTML पर पैटर्न मैचिंग का इस्तेमाल करता है, इसलिए यह तेज़ और प्राइवेट तो है, लेकिन यह अर्थ को नहीं आंक सकता। यह यह नहीं बता सकता कि आपका alt टेक्स्ट वाकई इमेज का वर्णन करता है या नहीं, न ही यह जान सकता है कि रीडिंग ऑर्डर सही है या नहीं, और न ही यह लाइव पेज पर असल में रेंडर हो रहे कलर कॉन्ट्रास्ट को माप सकता है — इसीलिए कलर से जुड़ी फाइंडिंग्स को वॉर्निंग के तौर पर रखा जाता है ताकि आप खुद वेरिफ़ाई कर सकें। कोई भी ऑटोमेटेड टूल हर समस्या नहीं पकड़ पाता; अध्ययन आमतौर पर मानते हैं कि ये केवल एक हिस्से की एक्सेसिबिलिटी रुकावटों का ही पता लगा पाते हैं। एक क्लीन रिज़ल्ट को एक मज़बूत पहला कदम मानें, फिर स्क्रीन रीडर, कीबोर्ड-ओनली टेस्टिंग, और axe या Lighthouse जैसे रनटाइम टूल से पुष्टि करें। पहले यहां अपना मार्कअप चलाकर स्ट्रक्चरल समस्याओं को दूर करें।
क्या मैं किसी HTML फ़ाइल की एक्सेसिबिलिटी उसके लाइव होने से पहले चेक कर सकता हूं?
हां, और यह टूल बिल्कुल इसी काम के लिए बनाया गया है। किसी पब्लिश की गई URL को क्रॉल करने के बजाय, यह सीधे आपके द्वारा पेस्ट किए गए HTML के एक हिस्से का विश्लेषण करता है, ताकि आप स्टेजिंग मार्कअप, किसी इंटरनल टेम्पलेट, या अभी तक डिप्लॉय न किए गए किसी कंपोनेंट का ऑडिट कर सकें। चूंकि पूरा विश्लेषण आपके ब्राउज़र में ही होता है, आपके द्वारा पेस्ट किया गया कुछ भी आपकी डिवाइस से बाहर नहीं जाता, जिससे यह अनरिलीज़्ड कोड के लिए भी सुरक्षित है। इसे इस्तेमाल करने के लिए, अपने एडिटर या ब्राउज़र डेव टूल्स से रेंडर्ड HTML कॉपी करें, उसे इनपुट में पेस्ट करें, और ऑडिट चलाएं। आपको एक ओवरऑल स्कोर, एक लेटर ग्रेड, और सात श्रेणियों में बंटी फाइंडिंग्स मिलेंगी — इमेजेज़, फॉर्म्स, लिंक्स, हेडिंग्स, ARIA, कलर, और स्ट्रक्चर — जो हर एक किसी WCAG क्राइटीरिया से जुड़ी होती है। इससे आप लॉन्च के बाद नहीं बल्कि डेवलपमेंट के दौरान ही समस्याओं को पकड़ सकते हैं। पहले यह देखने के लिए बिल्ट-इन उदाहरण लोड करें कि यह किस तरह की समस्याएं सामने लाता है, फिर अपना खुद का HTML पेस्ट करें।
एक्सेसिबिलिटी स्कोर और लेटर ग्रेड की गणना कैसे होती है?
ऑडिट चलने के बाद आपको 0 से 100 के बीच एक ओवरऑल स्कोर और A से F तक एक लेटर ग्रेड मिलता है, साथ ही एरर्स, वॉर्निंग्स और इन्फॉर्मेशनल नोट्स की गिनती और कितने चेक्स पास हुए, यह भी दिखाया जाता है। एरर्स सबसे ज़्यादा वज़न रखते हैं क्योंकि ये पुष्टि हो चुकी रुकावटों को दर्शाते हैं, इसलिए एक गायब alt एट्रिब्यूट या बिना लेबल वाला इनपुट स्कोर को किसी वॉर्निंग से कहीं ज़्यादा नीचे खींचता है। ग्रेड स्कोर और एरर काउंट दोनों को दर्शाता है: A पाने के लिए हाई स्कोर और ज़ीरो एरर्स दोनों ज़रूरी हैं, यानी जब तक कोई भी रुकावट डालने वाली समस्या बाकी है, तब तक आप टॉप मार्क्स नहीं पा सकते। यह डिज़ाइन आपको सिर्फ़ नंबर पीछे भागने के बजाय असल विफलताओं को सुलझाने के लिए प्रेरित करता है। आप फाइंडिंग्स को गंभीरता के हिसाब से फ़िल्टर कर सकते हैं या कैटेगरी टैब्स के बीच जा सकते हैं, और Export Report बटन एक प्लेन-टेक्स्ट सारांश डाउनलोड करता है जिसे आप किसी टिकट में जोड़ सकते हैं। अपना HTML पेस्ट करें और अपना मौजूदा स्कोर देखें, साथ ही यह भी कि कौन-से फिक्स इसे बढ़ाएंगे।
संबंधित टूल
मुफ़्त वेबसाइट स्पीड टेस्ट
अपनी वेबसाइट के पेज लोड समय, प्रदर्शन मेट्रिक्स और अनुकूलन के अवसरों का विश्लेषण करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त मोबाइल फ्रेंडली टेस्ट
जांचें कि आपकी साइट मोबाइल डिवाइस के लिए अनुकूलित है या नहीं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त मेटा टैग एक्सट्रैक्टर
SEO और सोशल मीडिया विश्लेषण के लिए किसी भी वेबपेज से सभी मेटा टैग निकालें और समीक्षा करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।
मुफ़्त वेबसाइट स्क्रीनशॉट टूल
डिज़ाइन समीक्षा और परीक्षण के लिए किसी भी वेबपेज के पूर्ण-पृष्ठ या व्यूपोर्ट स्क्रीनशॉट कैप्चर करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।
एक्सेसिबिलिटी चेकर के बारे में
एक्सेसिबिलिटी चेकर एक मुफ़्त टूल है जो HTML को स्कैन करके आम एक्सेसिबिलिटी (पहुंच-योग्यता) समस्याओं का पता लगाता है और बताता है कि उन्हें कैसे ठीक करें। बस मार्कअप का एक हिस्सा पेस्ट करें, ऑडिट चलाएं, और टूल समस्याओं को सात श्रेणियों में बांटकर रिपोर्ट करता है, जिनमें से हर एक किसी खास WCAG सक्सेस क्राइटीरिया से जुड़ी होती है और उसके साथ एक सुझाया गया फिक्स और कोड उदाहरण भी मिलता है। यह फ्रंट-एंड डेवलपर्स, कंटेंट टीमों और QA टेस्टरों के लिए बनाया गया है जो पेज लाइव होने से पहले एक तेज़ सैनिटी चेक चाहते हैं — और उन सभी के लिए भी जो यह सीखना चाहते हैं कि स्क्रीन रीडर, कीबोर्ड नेविगेशन या हाई-कॉन्ट्रास्ट डिस्प्ले पर निर्भर लोगों के लिए वेब कंटेंट को उपयोगी कैसे बनाया जाए।
लाइव URL को फ़ेच करने वाले क्रॉलर्स के उलट, यह चेकर सीधे पेस्ट किए गए HTML पर काम करता है। पूरा विश्लेषण पैटर्न मैचिंग और हेयुरिस्टिक्स का इस्तेमाल करते हुए आपके ब्राउज़र में ही चलता है, इसलिए आप जो भी पेस्ट करते हैं वह किसी सर्वर पर अपलोड नहीं होता। इससे यह स्टेजिंग मार्कअप, इंटरनल टेम्पलेट्स, या ऐसे कोड के लिए भी सुरक्षित है जिसे आपने अभी तक पब्लिश नहीं किया है। न कोई साइन-अप चाहिए, न कोई इंस्टॉलेशन।
यह क्या-क्या चेक करता है
यह ऑडिट उन समस्याओं की तलाश करता है जो असल दुनिया में होने वाली अधिकांश एक्सेसिबिलिटी विफलताओं की वजह बनती हैं, और इन्हें सात श्रेणियों में बांटा गया है:
- इमेजेज़ — ऐसे
<img>टैग जिनमेंaltएट्रिब्यूट नहीं है (एक एरर) या जिनकाaltखाली है जो शायद जानबूझकर न हो (एक वॉर्निंग)। - फॉर्म्स — ऐसे इनपुट,
<select>मेनू और<textarea>फ़ील्ड जिनसे कोई<label>,aria-label, याaria-labelledbyजुड़ा नहीं है। - लिंक्स — ऐसे लिंक जिनमें कोई टेक्स्ट या एक्सेसिबल नाम नहीं है, साथ ही "यहां क्लिक करें" या "और पढ़ें" जैसा अस्पष्ट लिंक टेक्स्ट जो डेस्टिनेशन के बारे में कोई संकेत नहीं देता।
- हेडिंग्स — छूटे हुए हेडिंग लेवल (जैसे
h2से सीधेh4पर कूदना), खाली हेडिंग्स, और पेज पर हेडिंग का पूरी तरह न होना। - ARIA — खाली बटन और इंटरैक्टिव
<div>या<span>एलिमेंट्स जिनमेंonclickतो है पर कोई role या tabindex नहीं है, जिन तक कीबोर्ड इस्तेमाल करने वाले यूज़र्स नहीं पहुंच पाते। - कलर — इनलाइन स्टाइल्स जो टेक्स्ट और बैकग्राउंड कलर सेट करती हैं, इन्हें फ्लैग किया जाता है ताकि आप वेरिफ़ाई कर सकें कि कॉन्ट्रास्ट रेशियो ज़रूरी मानक को पूरा करता है या नहीं।
- स्ट्रक्चर — गायब
langएट्रिब्यूट,<title>का न होना,<main>लैंडमार्क का न होना, स्किप-नेविगेशन लिंक का न होना, और ऐसे viewport टैग जो ज़ूम करने से रोकते हैं।
हर फाइंडिंग संबंधित WCAG क्राइटीरिया का हवाला देती है — उदाहरण के लिए इमेज alt टेक्स्ट के लिए WCAG 1.1.1 या लिंक पर्पस के लिए WCAG 2.4.4 — ताकि आप उसे स्टैंडर्ड तक ट्रेस कर सकें।
रिज़ल्ट्स आपको क्या बताते हैं
ऑडिट चलने के बाद आपको 0 से 100 के बीच एक ओवरऑल स्कोर और A से F तक एक लेटर ग्रेड मिलता है, साथ ही एरर्स, वॉर्निंग्स और इन्फॉर्मेशनल नोट्स की गिनती, और कितने चेक्स पास हुए, यह भी दिखता है। एरर्स स्कोर पर सबसे ज़्यादा असर डालते हैं; A ग्रेड पाने के लिए हाई स्कोर के साथ-साथ ज़ीरो एरर्स भी ज़रूरी हैं। आप फाइंडिंग्स को गंभीरता के हिसाब से फ़िल्टर कर सकते हैं या कैटेगरी टैब्स के बीच जा सकते हैं, और हर इशू खुलकर एक सिफारिश और कॉपी-रेडी कोड उदाहरण दिखाता है। काम पूरा होने पर, Export Report बटन हर इशू का एक प्लेन-टेक्स्ट सारांश डाउनलोड करता है जिसे आप किसी टिकट में जोड़ सकते हैं या अपनी टीम के साथ शेयर कर सकते हैं।
एक्सेसिबिलिटी क्यों मायने रखती है
दुनिया भर में लगभग हर छह में से एक व्यक्ति किसी न किसी महत्वपूर्ण दिव्यांगता के साथ जीता है, और एक्सेसिबल मार्कअप ही वह चीज़ है जो असिस्टिव टेक्नोलॉजी को आपका कंटेंट उन तक पहुंचाने में सक्षम बनाती है। कई जगहों पर यह एक कानूनी अपेक्षा भी है: WCAG 2.1 लेवल AA वह बेंचमार्क है जिसका हवाला ADA और यूरोपियन एक्सेसिबिलिटी एक्ट जैसे नियमों में दिया जाता है। यही फिक्स आम तौर पर सभी की मदद करते हैं — डिस्क्रिप्टिव लिंक टेक्स्ट और साफ़ हेडिंग आउटलाइन यूज़ेबिलिटी और SEO दोनों को बेहतर बनाते हैं, और नॉर्मल टेक्स्ट के लिए 4.5:1 तथा बड़े टेक्स्ट के लिए 3:1 के न्यूनतम कॉन्ट्रास्ट रेशियो तेज़ धूप में या पुराने स्क्रीन्स पर भी पेजों को पढ़ने लायक बनाए रखते हैं।
इसे पहला कदम मानें, आख़िरी फ़ैसला नहीं
यह चेकर रेगुलर एक्सप्रेशंस के ज़रिए स्टैटिक एनालिसिस करता है, इसलिए यह स्ट्रक्चरल और एट्रिब्यूट-लेवल समस्याओं को तेज़ी से पकड़ लेता है, लेकिन यह जज नहीं कर सकता कि आपका alt टेक्स्ट सार्थक है या नहीं, और न ही यह असल में रेंडर हो रहे कलर कॉन्ट्रास्ट को माप सकता है। एक क्लीन रिज़ल्ट को एक मज़बूत शुरुआती बिंदु मानें, फिर किसी पेज को एक्सेसिबल कहने से पहले स्क्रीन रीडर, कीबोर्ड-ओनली टेस्टिंग, और axe या Lighthouse जैसे रनटाइम टूल से पुष्टि करें। यह देखने के लिए कि यह किस तरह की समस्याएं सामने लाता है, पहले बिल्ट-इन उदाहरण लोड करें, फिर शुरू करने के लिए अपना खुद का HTML पेस्ट करें।