पहुँच
हम कीबोर्ड, स्क्रीन रीडर, कम दृष्टि और कम-तकनीक उपयोगकर्ताओं के लिए कैसे बनाते हैं। एक ईमानदार, दिनांकित स्नैपशॉट।
औपचारिक पहुँच विवरण
- लक्षित मानक
- पूरे अनुभव में WCAG 2.2 AA। फ़ोकस दिखावट (मोटे उच्च-कंट्रास्ट रिंग, अवरुद्ध नहीं) और फॉर्म लेबलिंग + त्रुटि पुनर्प्राप्ति पर AAA उपचार। पैराफ्रेज नहीं, W3C अनुशंसा के विरुद्ध ट्रैक किया गया।
- अंतिम आंतरिक ऑडिट
- 2026-04-19। होमपेज, print-size, /standards/ हब + 9 प्राधिकरण पृष्ठों और 45 भुगतान-स्कीम लैंडिंग पृष्ठों के विरुद्ध हमारी अपनी टीम द्वारा मैन्युअल पास।
- बाहरी ऑडिट
- कमीशन किया गया, रिपोर्ट लंबित। /accessibility/audit/ पर आने पर उपाय नोट्स के साथ प्रकाशित, खामियाँ बरकरार, कोई चेरी-पिकिंग नहीं।
- पुनः परीक्षण अंतराल
- मासिक स्पॉट-चेक + किसी भी प्रमुख UI परिवर्तन के बाद पूर्ण मैन्युअल पास। स्वचालित जाँच (कंट्रास्ट लिंटिंग, WCAG 2.2 नए-मानदंड स्कैन) हर डिप्लॉय पर चलती हैं।
- संपर्क + SLA
- hello@abundera.ai, हम 2 व्यावसायिक दिनों के भीतर पहुँच रिपोर्ट स्वीकार करते हैं, 5 के भीतर ट्राइएज करते हैं, और कीबोर्ड / स्क्रीन-रीडर / संज्ञानात्मक अवरोधकों को प्राथमिकता मुद्दों के रूप में मानते हैं (फीचर काम से पहले शिप करते हैं)।
सफलता मानदंड द्वारा WCAG 2.2 AA अनुरूपता
2.2 में नए मानदंड जिन्हें हम सक्रिय रूप से देख रहे हैं। स्थिति दर्शाती है कि हमने आंतरिक रूप से क्या सत्यापित किया है; बाहरी ऑडिट इसे प्रतिस्थापित करेगा।
| SC | मानदंड | स्तर | स्थिति |
|---|---|---|---|
| 2.4.11 | फ़ोकस अवरुद्ध नहीं (न्यूनतम) | AA | उत्तीर्ण, फ़ोकस रिंग हमेशा दृश्यमान, स्टिकी हेडर के नीचे छिपी नहीं |
| 2.4.12 | फ़ोकस अवरुद्ध नहीं (उन्नत) | AAA | जनरेटर सतह पर उत्तीर्ण; कुछ ड्रॉअर में एनीमेशन के दौरान संक्षिप्त ओवरलैप होता है |
| 2.4.13 | फ़ोकस दिखावट | AAA | उत्तीर्ण, 3 px आउटलाइन + 2 px ऑफसेट + किसी भी बैकग्राउंड पर box-shadow बैकअप |
| 2.5.7 | ड्रैगिंग मूवमेंट | AA | उत्तीर्ण, कोई आवश्यक ड्रैग-ओनली इंटरेक्शन नहीं; बिज़नेस-कार्ड डिज़ाइनर हर ड्रैग के लिए कीबोर्ड विकल्प प्रदान करता है |
| 2.5.8 | लक्ष्य आकार (न्यूनतम) | AA | उत्तीर्ण, हर इंटरेक्टिव लक्ष्य पर 24×24 CSS px न्यूनतम सत्यापित; अधिकांश 28×28 या 40×40 पर |
| 3.2.6 | सुसंगत सहायता | A | उत्तीर्ण, सहायता / संपर्क हर पृष्ठ पर एक ही स्थान पर दिखाई देते हैं (फुटर + नेव) |
| 3.3.7 | अतिरिक्त प्रविष्टि | A | उत्तीर्ण, कोई फ़ॉर्म उपयोगकर्ता द्वारा उसी सत्र में पहले से प्रदान किए गए डेटा को पुनः दर्ज करने की आवश्यकता नहीं करता |
| 3.3.8 | सुलभ प्रमाणीकरण (न्यूनतम) | AA | N/A, कोई संज्ञानात्मक कार्य परीक्षण नहीं; Abundera QR लॉगिन की आवश्यकता नहीं करता |
मोशन और फोर्स्ड-कलर्स समर्थन
- prefers-reduced-motion: reduce, एम्बिएंट ऑर्ब फ्लोट और फेड-इन ट्रांज़िशन दबाए जाते हैं। कार्यात्मक ट्रांज़िशन छोटे रहते हैं। macOS Reduce Motion और Windows "एनिमेशन दिखाएँ" अक्षम के साथ सत्यापित।
- forced-colors: active (Windows हाई कंट्रास्ट मोड), फ़ोकस रिंग सिस्टम Highlight रंग उपयोग करते हैं; बॉर्डर सिस्टम CanvasText इनहेरिट करते हैं। Windows 11 High Contrast पर Edge में सत्यापित।
ज्ञात सीमाएँ
- JAWS का अभी परीक्षण नहीं हुआ। अगला AT राउंड Windows 11 पर Edge पर JAWS को लक्षित करता है।
- बिज़नेस कार्ड डिज़ाइनर ड्रैग-टू-पोज़िशन प्रीव्यू के लिए डिज़ाइन में माउस-फर्स्ट है। हर कंट्रोल में कीबोर्ड विकल्प है, लेकिन लाइव-फीडबैक लूप अभी भी विज़ुअल है। कलर इनपुट, प्रीसेट ग्रिड, और हेक्स फ़ील्ड में अब स्पष्ट ARIA बाइंडिंग हैं (2026-04-19)।
- बाहरी ऑडिट रिपोर्ट लंबित है। ऊपर तालिका में स्व-प्रमाणित स्थिति रिपोर्ट आने पर ऑडिटर के निष्कर्षों से बदल दी जाएगी।
- कुछ तृतीय-पक्ष सहायक तकनीकें (Dragon NaturallySpeaking, Android पर Speech-to-text) हमारे रिग्रेशन मैट्रिक्स में नहीं हैं; हम सामुदायिक रिपोर्ट स्वीकार करते हैं और प्रति-टिकट ठीक करते हैं।
पहुँच चेंजलॉग
- 2026-04-19 (PM), TalkBack लाइव-रीजन डबल-फायर ठीक किया:
#qr-previewरैपर सेaria-live="polite"हटाया; अब घोषणाएँ केवल स्कैनेबिलिटीrole="status"बैज से, प्रति जनरेट एक बार। BCD मोडल: कलर पिकर्स को उचित<label for>बाइंडिंग मिली (बैकग्राउंड, टेक्स्ट, एक्सेंट, ग्रेडिएंट); प्रीसेट-ग्रिड कंटेनर कोrole="group"+aria-labelमिला। पहुँच तालिकाओं को<caption>+scope="col"/"row"मिला, WCAG 2.2 AA + AT मैट्रिक्स अब VoiceOver, NVDA, और TalkBack पर सही तरीके से घोषणा करता है। - 2026-04-19 (AM), फ़ोकस इंडिकेटर अपग्रेड किए (3 px + box-shadow बैकअप)। forced-colors + prefers-reduced-motion समर्थन जोड़ा। लक्ष्य-आकार ऑडिट:
.saved-profile-delete,.type-search-clear,.compat-toggle-btnको ≥ 28 px तक बढ़ाया। हेडिंग-लेवल स्किप ठीक किया (vCard/MECARD सबहेड h4 → h3)। औपचारिक WCAG 2.2 AA विवरण + AT मैट्रिक्स प्रकाशित। - 2026-04-18, मैन्युअल WCAG 2.2 AA बेसलाइन पास दस्तावेज़ीकृत। चार-स्तंभ ट्रस्ट स्ट्रिप को साफ़ पदानुक्रम के लिए संक्षिप्त किया।
- 2026-03-08, प्रारंभिक /accessibility/ पृष्ठ प्रकाशित।
हम क्या वचन देते हैं
- पूर्ण कीबोर्ड ट्रैवर्सल। हर जनरेटर कंट्रोल, हर मोडल, और हर एक्सपोर्ट फ्लो माउस के बिना पहुँचने योग्य है।
- दृश्यमान फ़ोकस स्थिति। फ़ोकस किए गए इनपुट, बटन, और लिंक स्पष्ट रिंग दिखाते हैं। हम केवल रंग पर निर्भर नहीं रहते।
- हर फ़ील्ड पर लेबल। फ़ॉर्म इनपुट में संबंधित
<label>तत्व याaria-labelविशेषताएँ हैं। प्लेसहोल्डर टेक्स्ट कभी भी एकमात्र लेबल के रूप में उपयोग नहीं किया जाता। - QR प्रीव्यू और टोस्ट के लिए ARIA लाइव रीजन। स्क्रीन रीडर "QR जनरेट हुआ" और टोस्ट संदेश सुनते हैं जब वे फायर होते हैं, न केवल तब जब फ़ोकस उन पर जाता है।
- आइकन-ओनली बटन के लिए टेक्स्ट विकल्प। हर SVG-ओनली बटन पर
aria-label। - रंग-स्वतंत्र स्थिति अर्थ। स्कैनेबिलिटी बैज और कॉम्पैट चिप्स रंग को ग्लिफ़ और टेक्स्ट लेबल के साथ जोड़ते हैं।
- स्पष्ट एक्सपोर्ट फॉर्मेट नाम। डाउनलोड बटन "PNG डाउनलोड करें", "SVG डाउनलोड करें" आदि कहते हैं, न कि केवल "डाउनलोड करें"।
- बड़े-टैप मोबाइल लक्ष्य। इंटरेक्टिव तत्व WCAG 2.5.8 के अनुसार मोटे पॉइंटर पर कम से कम 44 × 44 CSS पिक्सेल हैं।
- रिड्यूस्ड-मोशन का सम्मान।
prefers-reduced-motion: reduceके तहत ट्रांज़िशन अक्षम होते हैं।
हम अभी भी कहाँ कमी करते हैं
- JAWS का अभी परीक्षण नहीं हुआ। JAWS लाइसेंस प्राप्त, अगले AT राउंड के लिए टेस्टर स्लॉट बुक। सभी अन्य प्रमुख (VoiceOver macOS + iOS, NVDA, Narrator, TalkBack) सबसे हालिया रिग्रेशन पास कर चुके हैं।
- बिज़नेस कार्ड डिज़ाइनर डिज़ाइन द्वारा माउस-हेवी है (ड्रैग-टू-पोज़िशन, कैनवास प्रीव्यू)। हर कंट्रोल के लिए कीबोर्ड विकल्प मौजूद हैं लेकिन लाइव-प्रीव्यू फीडबैक लूप अभी भी विज़ुअल-फर्स्ट है। कलर कंट्रोल अब उचित
<label for>बाइंडिंग + प्रीसेट पिकर परrole="group"का उपयोग करते हैं (2026-04-19)। - जटिल जनरेटर फ्लो (बैच CSV, मल्टी-स्टेप विज़ार्ड) बेहतर स्किप-लिंक संरचना का उपयोग कर सकते हैं। योजना बनाई गई।
- वर्णनात्मक तालिका सारांश। पहुँच + संगतता तालिकाओं में अब
<caption>+scopeविशेषताएँ हैं (2026-04-19)। हर पंक्ति के लिए लंबे पंक्ति-स्तर के वर्णनात्मक सारांश अभी भी योजनाबद्ध हैं।
सहायक-तकनीक समर्थन मैट्रिक्स
इंजीनियरिंग आर्टिफैक्ट, PR विवरण नहीं। हर पंक्ति एक वास्तविक ब्राउज़र + AT + प्लेटफॉर्म संयोजन है जिस पर हमने भौतिक रूप से हाथ रखे हैं। स्थिति सबसे हालिया मैन्युअल पास को दर्शाती है; कैविएट्स किसी भी चीज़ को रिकॉर्ड करते हैं जो अभी भी पूर्ण पास को रोकती है।
| ब्राउज़र | AT | प्लेटफॉर्म | अंतिम पास | स्थिति | ज्ञात कैविएट्स |
|---|---|---|---|---|---|
| Safari | VoiceOver | macOS 15 | 2026-04-19 | उत्तीर्ण | कमांड पैलेट "Shortcuts" सूची पहली बार खुलने पर आइटम दो बार पढ़ती है; कॉस्मेटिक, ब्लॉकिंग नहीं |
| Safari | VoiceOver | iOS 18 | 2026-04-19 | उत्तीर्ण | रोटर कुछ डायनामिकली-इंसर्टेड चिप्स को पुनः क्रमित करता है; इंटरेक्शन पर पुनः-घोषणा क्रम पुनर्प्राप्त करती है |
| Firefox | NVDA | Windows 11 | 2026-04-19 | उत्तीर्ण | , |
| Chrome | NVDA | Windows 11 | 2026-04-19 | उत्तीर्ण | , |
| Chrome | ChromeVox | ChromeOS 128 | 2026-03-30 | स्पॉट-चेक्ड | पूर्ण रिग्रेशन अतिदेय; अगली रिलीज़ के लिए पुनः क्यूइंग |
| Chrome | TalkBack | Android 14 | 2026-04-19 | उत्तीर्ण | QR प्रीव्यू पर लाइव-रीजन डबल-फायर (डिबाउंस के बीच में "QR preview updated" दो बार घोषित) 2026-04-19 को ठीक: प्रीव्यू रैपर से aria-live हटाया; अब घोषणाएँ केवल स्कैनेबिलिटी role="status" बैज से, प्रति जनरेट एक बार। |
| Edge | Narrator | Windows 11 | 2026-04-12 | उत्तीर्ण | फोर्स्ड-कलर्स मोड (इस रिलीज़ में नया): फ़ोकस रिंग ठीक, लेकिन कुछ चिप बॉर्डर ट्रांसपेरेंट में ढह जाते हैं, क्यूड |
| Safari | JAWS | Windows 11 | , | परीक्षण नहीं हुआ | अगले AT राउंड के लिए निर्धारित; JAWS लाइसेंस प्राप्त, टेस्टर स्लॉट बुक |
| Any | Dragon NaturallySpeaking | Windows 11 | , | परीक्षण नहीं हुआ | सामुदायिक रिपोर्ट स्वीकार; समर्पित रिग्रेशन आने तक प्रति-टिकट ठीक |
कीबोर्ड मैप
- Tab / Shift+Tab: फ़ोकस करने योग्य तत्वों के माध्यम से आगे / पीछे जाएँ।
- Enter / Space: बटन और टॉगल सक्रिय करें।
- एरो कीज़: रेडियो ग्रुप के अंदर विकल्पों के बीच जाएँ (टाइप सेलेक्टर, टेम्पलेट पिकर, टैब बार)।
- Escape: मोडल बंद करें (बिज़नेस कार्ड डिज़ाइनर, प्रीफ्लाइट, प्रिंट सेवाएँ, इमेज क्रॉप)।
- Home / End ओवरफ्लो मेनू के अंदर पहले / अंतिम आइटम पर जाएँ।
आंतरिक ऑडिट, 2026-04-19
होमपेज, /print-size/, नए /standards/ हब + 9 प्राधिकरण पृष्ठों, और 45 भुगतान-स्कीम लैंडिंग पृष्ठों (जो साझा टेम्पलेट से इनहेरिट करते हैं) के विरुद्ध मैन्युअल WCAG 2.2 AA पास। हमने क्या सत्यापित किया, क्या ठीक किया, और क्या खुला है:
उत्तीर्ण के रूप में सत्यापित
- स्किप लिंक लक्ष्य मौजूद है, स्किप लिंक (
href="#generator") हर पृष्ठ वेरिएंट पर दृश्यमान तत्व को रिज़ॉल्व करता है। - फ़ोकस-विज़िबल स्टाइल,
:focus-visible2px आउटलाइन के साथ वैश्विक रूप से घोषित है, साथ ही रंगीन बॉर्डर + शैडो के साथ प्रति-इनपुट ओवरराइड।site/css/style.c17bfd85.cssकी लाइन 34 और 88 पर CSS ऑडिट के माध्यम से पुष्टि। - सभी फॉर्म इनपुट में लेबल हैं, जनरेटर में हर
<input>/<select>/<textarea>में या तो स्पष्ट<label for="...">या रैपिंग<label>है। प्लेसहोल्डर-ऐज़-लेबल कहीं भी उपयोग नहीं किया जाता। - बटन में सुलभ नाम हैं, हर
<button>में या तो टेक्स्ट सामग्री है याaria-labelहै। SVG-ओनली बटन (हैमबर्गर, शेयर, इंस्टॉल) सभीaria-labelरखते हैं। - सजावटी SVGs छिपे हुए चिह्नित हैं, हर सजावटी आइकन पर
aria-hidden="true"ताकि स्क्रीन रीडर उनकी ज्यामिति घोषित करने के बजाय उन्हें छोड़ दें। - सही ARIA भूमिकाएँ, टाइप सेलेक्टर पर
role="radiogroup"के साथ हर विकल्प परrole="radio"+aria-checked; पैनल टैब परrole="tablist"/role="tab"+aria-selected। - टेक्स्ट कंट्रास्ट, प्राथमिक टेक्स्ट
#08090aपर#f5f5f5है (≈ 17:1, WCAG AAA)। उसी बैकग्राउंड पर म्यूटेड टेक्स्ट#a3a3a3≈ 8:1 है (AAA 7:1 से ऊपर)। - भाषा स्विचर में
aria-label="Language"है, भले ही दृश्यमान लेबल अंतर्निहित हो।
इस पास में ठीक किया गया
- हेडिंग-लेवल स्किप, vCard / MECARD एक्स्ट्रा-फ़ील्ड सेक्शन के अंदर तीन सबहेड बिना किसी मध्यवर्ती
<h3>के<h2>के तहत<h4>थे। स्क्रीन-रीडर आउटलाइन टूल्स ने इसे "स्किप्ड लेवल" के रूप में फ़्लैग किया। आउटलाइन h1 → h2 → h3 → h3 साफ़ पढ़े इसके लिए<h3>में बदला गया।
ज्ञात सीमाएँ
- Axe / NVDA / VoiceOver पूर्ण स्वीप के लिए ब्राउज़र + AT की आवश्यकता है जिसे हम बिल्ड पाइपलाइन से नहीं चला सकते। मासिक मैन्युअल ब्राउज़र-आधारित पास निर्धारित।
- तृतीय-पक्ष स्वतंत्र ऑडिट कमीशन किया गया है (प्लेसहोल्डर /accessibility/audit/ देखें)। रिपोर्ट आने पर प्रकाशित होगी, भले ही उसमें निष्कर्ष हों।
- "/" कीबोर्ड शॉर्टकट कमांड पैलेट के लिए सर्च फ़ील्ड वाले पृष्ठों पर हल्का टकराव जोखिम है। हम preventDefault() का उपयोग केवल तब करते हैं जब फ़ोकस इनपुट के बाहर हो; दस्तावेज़ीकृत लेकिन AT के साथ अभी तक ऑडिट नहीं किया गया।
एक समस्या रिपोर्ट करें
यदि कुछ कीबोर्ड से अपहुँचनीय है, गलत लेबल किया गया है, या अन्यथा आपकी सेटअप के साथ अनुपयोगी है, तो hello@abundera.ai पर ईमेल करें। अपना ब्राउज़र, OS, AT, और विशिष्ट फ्लो शामिल करें। हम पहुँच बग को प्राथमिकता समस्याओं के रूप में मानते हैं।