सुगम संपर्क फ़ॉर्म और यूरोपीय सुगम्यता अधिनियम

संपर्क फ़ॉर्म अक्सर आगंतुक और आपके व्यवसाय के बीच एकमात्र दरवाज़ा होता है। यदि दरवाज़ा केवल माउस, अच्छी दृष्टि और धुँधली चित्र पहेली हल करने के धैर्य से खुले, तो कुछ लोग बाहर रह जाते हैं। 2025 के मध्य से यह केवल उपयोगिता का प्रश्न नहीं है: EU में उपभोक्ताओं को बेचने वाले कई व्यवसायों के लिए कानूनी प्रश्न बन गया है।

यूरोपीय सुगम्यता अधिनियम क्या शामिल करता है

यूरोपीय सुगम्यता अधिनियम (निर्देश (EU) 2019/882) 28 जून 2025 से लागू है। यह उपभोक्ताओं को दिए जाने वाले कुछ उत्पादों और सेवाओं की सुगम्यता आवश्यकताएँ तय करता है—ई-कॉमर्स, उपभोक्ता बैंकिंग, ई-पुस्तकें, इलेक्ट्रॉनिक संचार और यात्री परिवहन के कुछ भाग सहित। वेबसाइट के लिए इसका अर्थ पूरी ऑनलाइन दुकान या बैंकिंग सेवा है, जिसमें संपर्क, प्रश्न या शिकायत के फ़ॉर्म भी हैं। सेवा देने वाले सूक्ष्म उद्यमों को छूट है: दस से कम कर्मचारी और अधिकतम EUR 2 मिलियन वार्षिक कारोबार या कुल बैलेंस शीट वाले व्यवसाय। केवल अन्य व्यवसायों के लिए प्रस्ताव सामान्यतः इसके दायरे से बाहर हैं।

हर सदस्य राज्य ने निर्देश को राष्ट्रीय कानून में लागू किया है। जर्मनी में यह Barrierefreiheitsstärkungsgesetz (BFSG) है, पोलैंड में कुछ उत्पादों और सेवाओं द्वारा सुगम्यता आवश्यकताएँ पूरी करने का 2024 का अधिनियम है। पर्यवेक्षी प्राधिकरण और दंड देश के अनुसार अलग हैं, लेकिन तकनीकी मानदंड मोटे तौर पर समान है: व्यवहार में यूरोपीय मानक EN 301 549, जो Web Content Accessibility Guidelines (WCAG) पर आधारित है।

कानूनी दायित्व न होने पर भी लाभ क्यों है

संभव है आपके व्यवसाय को छूट हो या आप केवल कंपनियों को सेवा देते हों। सुगम फ़ॉर्म फिर भी उपयोगी हैं, सरल कारण से: बीच में छोड़ने वाला हर व्यक्ति ऐसी पूछताछ है जो आपको कभी नहीं मिलती। स्क्रीन रीडर उपयोगकर्ता की मदद करने वाले सुधार ट्रेन में फ़ोन से, तेज़ धूप में, टूटी कलाई के साथ या दूसरी भाषा में फ़ॉर्म भरने वाले की भी मदद करते हैं। स्पष्ट लेबल और सहायक त्रुटि संदेश सभी के लिए फ़ॉर्म छोड़ना घटाते हैं—और कोई भी आपकी स्पैम सुरक्षा कमज़ोर नहीं करता।

WCAG 2.2 संदर्भों सहित व्यवहारिक जाँच सूची

• इनपुट से जुड़े दिखाई देने वाले लेबल (1.3.1, 3.3.2): हर फ़ील्ड का दिखाई देने वाला लेबल for/id से जुड़ा हो। केवल प्लेसहोल्डर लेबल नहीं है—टाइप शुरू होते ही गायब हो जाता है।
• सुधार समझाने वाले त्रुटि संदेश (3.3.1, 3.3.3): फ़ील्ड का नाम, गलती और सुधार का तरीका बताएँ—पाठ में, केवल लाल सीमा से नहीं। “कृपया name@example.com जैसा ईमेल पता दें”, “अवैध इनपुट” से बेहतर है।
• पूरी कीबोर्ड सुविधा (2.1.1, 2.1.2): हर फ़ील्ड, चेकबॉक्स, CAPTCHA और सबमिट बटन तक Tab, Space और Enter से पहुँचना तथा इस्तेमाल करना संभव हो, कीबोर्ड जाल के बिना।
• दिखाई देने वाला फ़ोकस (2.4.7): सक्रिय फ़ील्ड हमेशा दिखाई दे। बिना विकल्प ब्राउज़र की फ़ोकस आउटलाइन हटाने से यह मानदंड विफल होता है।
• पर्याप्त कंट्रास्ट (1.4.3): पाठ, लेबल और त्रुटि संदेशों का पृष्ठभूमि से कम से कम 4.5:1 कंट्रास्ट अनुपात हो (बड़े पाठ के लिए 3:1)।
• लक्ष्य का आकार (2.5.8): बटन, चेकबॉक्स और लिंक कम से कम 24 × 24 CSS पिक्सेल हों या आसपास पर्याप्त जगह हो।
• CAPTCHA विकल्प (1.1.1) और सुगम प्रमाणीकरण (3.3.8): 1.1.1 पाठ विकल्प और एक से अधिक इंद्रिय रूप में CAPTCHA माँगता है; 3.3.8 सीधे लॉगिन चरणों पर लागू है, लेकिन उसका विचार यहाँ भी उपयोगी है—टेढ़े अक्षर दोबारा लिखना या जोड़ हल करना अकेला रास्ता नहीं होना चाहिए। विकल्प दें या बिना पहेली वाला तरीका इस्तेमाल करें।
• सहायक तकनीक से छिपे हनीपॉट: ट्रैप फ़ील्ड के रैपर पर aria-hidden="true" और tabindex="-1" हों, ताकि स्क्रीन रीडर और कीबोर्ड उपयोगकर्ता कभी उसमें न पहुँचें।

CAPTCHA और हनीपॉट: जहाँ स्पैम सुरक्षा सुगम्यता से मिलती है

सटीक रूप से मानदंड 3.3.8 लॉगिन और प्रमाणीकरण चरणों के लिए है, संपर्क फ़ॉर्म के लिए नहीं। फिर भी उसका विचार यहाँ उपयोगी है: विकृत अक्षर टाइप करना, जोड़ हल करना या चित्रों में ट्रैफ़िक लाइट चुनना कुछ लोगों को पूरी तरह बाहर करता है। सामान्यतः बिना पहेली काम करने वाले विकल्प—Cloudflare Turnstile, Friendly Captcha, समय जाँच के साथ हनीपॉट या Akismet जैसी सर्वर फ़िल्टरिंग—आगंतुकों से प्रमाण माँगे बिना स्पैम रोकते हैं। हनीपॉट तभी अनुकूल है जब स्क्रीन रीडर और कीबोर्ड उपयोगकर्ताओं के लिए भी वास्तव में अदृश्य हो:

<div class="hp" aria-hidden="true">
  <label for="hp-website">यह फ़ील्ड खाली छोड़ें</label>
  <input type="text" id="hp-website" name="website"
         tabindex="-1" autocomplete="off">
</div>
<!-- CSS: .hp { position: absolute; left: -10000px; } -->

पंद्रह मिनट में अपना फ़ॉर्म जाँचें

1. 1माउस अलग रखकर पूरा फ़ॉर्म केवल कीबोर्ड से भरें। क्या हर फ़ील्ड और सबमिट बटन तक पहुँच सकते हैं और हमेशा देख सकते हैं कि कहाँ हैं?
2. 2पहले खाली फ़ॉर्म, फिर गलत ईमेल पते के साथ सबमिट करें। क्या सही फ़ील्ड के पास पाठ में त्रुटि दिखती है और करना क्या है, यह स्पष्ट है?
3. 3फ़ोन पर पृष्ठ खोलें या ब्राउज़र 200% ज़ूम करें। क्या सब पढ़ा जा सकता है, बटन आसानी से टैप होते हैं और कुकी बैनर या चैट विजेट सबमिट बटन ढकता है?
4. 4स्क्रीन रीडर (VoiceOver, NVDA या TalkBack) चालू करके सुनें: क्या हर फ़ील्ड लेबल सहित पढ़ा जाता है और हनीपॉट शांत रहता है?
5. 5axe-core जैसी स्वचालित जाँच चलाएँ। वह गायब लेबल और कंट्रास्ट समस्या जल्दी खोजती है, लेकिन सब कुछ नहीं—ऊपर के मैन्युअल चरण अब भी चाहिए।

पहले समग्र विवरण चाहें, तो formexposed बिना कुछ सबमिट किए सार्वजनिक फ़ॉर्म बाहर से देखता है। इसकी सुगम्यता जाँच हर फ़ॉर्म पर axe-core चलाती है, सुगम विकल्प के बिना CAPTCHA और स्क्रीन रीडर द्वारा पढ़े हनीपॉट चिह्नित करती है तथा फ़ोन पर फ़ॉर्म देखती है—टैप लक्ष्य, सबमिट बटन ढकने वाले ओवरले, क्षैतिज स्क्रॉल। निःशुल्क जाँच समग्र स्तर दिखाती है; विवरण पूरी रिपोर्ट में हैं। यह ऊपर की सूची की अच्छी शुरुआत है, असली लोगों से परीक्षण का विकल्प नहीं।