छोटे कारोबार के लिए वेबसाइट सुगम्यता जाँच (WCAG आधारित)
WCAG 2.2 के आधार पर वेबसाइट सुगम्यता जाँचें: कीबोर्ड और फ़ोकस, पाठ, कंट्रास्ट, फ़ॉर्म लेबल व त्रुटि, तस्वीरों का वैकल्पिक पाठ, स्वचालित जाँच बनाम मानवीय परीक्षण और निष्कर्ष दर्ज करना।
यह सूची उन जाँचों की है जो छोटा कारोबारी लगभग एक घंटे में विशेष सॉफ़्टवेयर के बिना कर सकता है: केवल कीबोर्ड से साइट चलाएँ, पाठ आकार व कंट्रास्ट देखें, हर फ़ॉर्म फ़ील्ड का लेबल और स्पष्ट त्रुटि जाँचें तथा तस्वीरों का उपयोगी वैकल्पिक पाठ देखें। यह WCAG 2.2 और W3C की Easy Checks पर आधारित है। इसे पास करना कानूनी अनुपालन नहीं बनाता; यह आम बाधाएँ खोजता है।
1. कीबोर्ड और फ़ोकस की जाँच
माउस हटा दें। पेज के ऊपर से नीचे तक Tab दबाएँ, फिर वापस आने के लिए Shift+Tab।
[ ] पहले Tab पर "सामग्री पर जाएँ" लिंक दिखे (लंबे मेनू में मददगार)
[ ] हर लिंक, बटन और फ़ॉर्म फ़ील्ड Tab से मिले
[ ] फ़ोकस कहाँ है साफ़ दिखे (रेखा या हाइलाइट)
[ ] फ़ोकस का क्रम समझ में आए: ऊपर से नीचे, बाएँ से दाएँ
[ ] मेनू Enter या Space से खुले और Escape से बंद हो
[ ] पॉप-अप कीबोर्ड से बंद हो और फ़ोकस पेज पर लौटे
[ ] फ़ोकस कहीं फँसे नहीं; Tab आगे जा सके
[ ] स्थिर हेडर फ़ोकस आइटम को न ढके2. पाठ, कंट्रास्ट, फ़ॉर्म लेबल और त्रुटियाँ
[ ] सामान्य ज़ूम पर मुख्य पाठ पढ़ने योग्य हो (लगभग 16px या बड़ा)
[ ] 200% ज़ूम पर सामग्री न ढके/कटे; आड़ा स्क्रॉल न हो
[ ] पाठ कंट्रास्ट कम से कम 4.5:1 (बड़े पाठ के लिए 3:1); टूल से जाँचें
[ ] लिंक केवल रंग से अलग न हों
[ ] हर फ़ॉर्म फ़ील्ड का दिखने वाला लेबल हो (placeholder लेबल नहीं)
[ ] ज़रूरी फ़ील्ड पाठ से चिह्नित हों, केवल रंग से नहीं
[ ] त्रुटि बताए क्या ग़लत और कैसे ठीक करें; फ़ील्ड के पास हो
[ ] बटन अपना काम बताए ("पूछताछ भेजें", केवल "भेजें" या आइकन नहीं)
[ ] पेज की भाषा तय हो और शीर्षक क्रम में हों (H1, H2, H3)रंग जोड़ी रंग कंट्रास्ट जाँच से देखें। अनुपात WCAG के contrast (minimum) मानदंड से हैं।
3. तस्वीर का उद्देश्य और वैकल्पिक पाठ
- जानकारी वाली तस्वीर (काम की तस्वीर, नक्शा): alt पाठ अहम बात बताए, जैसे "नई ढकने वाली पट्टियों सहित दोबारा बनी पत्थर की दीवार"।
- सजावटी तस्वीर (पृष्ठभूमि बनावट): खाली alt (
alt="") दें ताकि स्क्रीन रीडर उसे छोड़ दे। - तस्वीर में पाठ (फ़्लायर, मेनू): पाठ पेज पर भी हो या छोटा हो तो alt में।
- लिंक की तस्वीर या आइकन बटन: alt या लेबल गंतव्य/काम बताए ("हमें कॉल करें", "फ़ोन आइकन" नहीं)।
W3C का alt पाठ निर्णय-वृक्ष कठिन मामलों में मदद करता है।
4. स्वचालित जाँच और मानवीय परीक्षण
| स्वचालित जाँच क्या खोजती है | व्यक्ति किसका निर्णय करेगा |
|---|---|
| alt विशेषता का न होना | alt पाठ वास्तव में उपयोगी है या नहीं |
| सादी पृष्ठभूमि पर कम कंट्रास्ट | तस्वीर/वीडियो पर पाठ का कंट्रास्ट |
| बिना लेबल का फ़ॉर्म | लेबल और त्रुटि समझ में आते हैं या नहीं |
| पेज भाषा नहीं, खाली लिंक | कीबोर्ड क्रम, फ़ोकस, अटकाव |
| शीर्षक स्तर छूटना | शीर्षक सामग्री बताते हैं या नहीं |
पहले स्वचालित जाँच चलाएँ (वेबसाइट ग्रेडर में बुनियादी पहुँच जाँच है; W3C जाँच टूल की सूची रखता है), फिर ऊपर का मानवीय परीक्षण करें। बहुत से ग्राहक दिव्यांग हों तो दिव्यांग उपयोगकर्ताओं से सशुल्क परीक्षण कराएँ।
भरा निष्कर्ष लॉग (काल्पनिक उदाहरण)
काल्पनिक कारोबार "Harbour Line Plumbing"। असली कंपनी नहीं; यह फ़ॉर्मेट दिखाता है, नतीजा नहीं।
जाँच की तारीख: [तारीख] जाँचकर्ता: मालिक पेज: होम, सेवाएँ, संपर्क
ब्राउज़र/डिवाइस: केवल लैपटॉप कीबोर्ड; स्क्रीन रीडर वाला फ़ोन
# पेज समस्या WCAG संदर्भ ठीक?
1 होम कॉल आइकन का लेबल नहीं ("बटन") 4.1.2 हाँ
2 होम हीरो तस्वीर पर सफ़ेद पाठ पढ़ना कठिन 1.4.3 हाँ, गहरा आवरण
3 संपर्क पोस्टकोड लेबल केवल placeholder है 3.3.2 हाँ
4 संपर्क त्रुटि केवल "अमान्य" कहती है 3.3.1 हाँ, "फ़ोन नंबर लिखें"
5 सेवाएँ गैलरी alt में फ़ाइल नाम 1.1.1 हाँ
6 सभी मेनू लिंक पर फ़ोकस नहीं दिखता 2.4.7 खुला - बिल्डर को बताया
जाँचा नहीं: वीडियो कैप्शन (साइट पर वीडियो नहीं)खाली फ़ॉर्म
तारीख / जाँचकर्ता / पेज / ब्राउज़र और डिवाइस:
# पेज समस्या WCAG संदर्भ ठीक? (हाँ / खुला + टिप्पणी)
जाँचा नहीं:5. कानूनी अनुपालन का दावा किए बिना निष्कर्ष दर्ज करें
- तारीख सहित लॉग रखें। इससे सद्भावना के प्रयास और खुले मुद्दे दर्ज होते हैं।
- ईमानदार सुगम्यता वक्तव्य दें: क्या जाँचा, कौन-सी समस्या बाकी और मदद के लिए संपर्क कैसे करें। सुगम्यता वक्तव्य जनरेटर मसौदा देता है।
- "पूरी तरह ADA compliant" या "WCAG certified" न कहें। कानून देश अनुसार बदलते हैं; अमेरिका में न्याय विभाग की वेब सुगम्यता गाइड और छोटे कारोबार के लिए ADA अनुपालन देखें। अपनी ज़िम्मेदारी वकील से पूछें।
- स्वचालित अनुपालन का वादा करने वाले ओवरले विजेट न लें; वे पेज की मूल समस्या नहीं सुधारते।
अगला कदम
कारोबार टेम्पलेट से We.Inc वेबसाइट बिल्डर में शुरू करें, फिर प्रकाशित करने से पहले यह सूची और वेबसाइट ग्रेडर चलाएँ। मुफ़्त योजना में we.inc पते पर 3 टेम्पलेट साइटें (AI क्रेडिट और कस्टम डोमेन नहीं); Starter $20 प्रति माह में AI निर्माण व कस्टम डोमेन जोड़ता है (कीमतें)। सुधार या नई साइट का बजट वेबसाइट लागत कैलकुलेटर से बनाएँ।
अपनी कारोबारी वेबसाइट बनाना शुरू करें
अक्सर पूछे जाने वाले सवाल
वेबसाइट सुगम्यता जाँच किस मानक पर आधारित हो?
अधिकतर कानून और नीतियाँ WCAG 2.2 AA का संदर्भ देती हैं। यह सूची छोटे कारोबार की आम समस्याएँ देखती है, हर मानदंड नहीं।
क्या स्वचालित जाँच टूल मेरी साइट को सुगम बना सकता है?
नहीं। टूल गुम विशेषताएँ और कुछ कंट्रास्ट समस्याएँ पकड़ता है, पर कीबोर्ड, फ़ोकस और लेबल/alt पाठ की समझ व्यक्ति को जाँचनी होगी।
क्या यह सूची पास करने से वेबसाइट ADA के अनुरूप हो जाती है?
कोई सूची कानूनी अनुपालन की गारंटी नहीं देती। तारीख सहित लॉग रखें, ईमानदार सुगम्यता वक्तव्य दें और अपनी ज़िम्मेदारी वकील से पूछें।
फ़्री में शुरू करें · क्रेडिट कार्ड की ज़रूरत नहीं
Product
- AI Website Builder: Describe a site in plain English; it's live in minutes
- White Label Platform: Your brand, your domain, your margin
- Enterprise: SSO, custom SLAs, and dedicated support
- Developer API: Embed site generation into your SaaS
Who It's For
- For Agencies: Resell under your brand
- For Freelancers: Your own branded builder
- For Hosting Providers: Add a builder to your stack
- For SaaS Platforms: Embed site creation via API
- For Startups
- For Financial Services
- For Healthcare
Features
- Drag & Drop Editor
- Built-in SEO Tools
- Custom Branding
- Client Dashboard
- Reseller Billing (Stripe Connect)
Resources
- Blog
- Help Center
- Free Business Tools
- Website Templates
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App