एक्सेसिबिलिटी टेस्टिंग

एक्सेसिबिलिटी टेस्टिंग यह जाँचती है कि दिव्यांग लोग किसी प्रोडक्ट को समझ, देख-सुन, नेविगेट और ऑपरेट कर पाते हैं या नहीं — माउस की जगह कीबोर्ड से, स्क्रीन की जगह स्क्रीन रीडर से, बड़े किए गए टेक्स्ट, कैप्शन या वॉइस कंट्रोल से। व्यवहार में इसका मतलब है WCAG 2.2 के success criteria के विरुद्ध टेस्ट करना — यह उस W3C Recommendation का मौजूदा संस्करण है जिसका हवाला कई देशों के नियम और सरकारी खरीद (procurement) नियम देते हैं (कुछ नियम पुराने 2.x संस्करण का हवाला देते हैं) — और फिर असली assistive technology से पुष्टि करना कि नतीजा सिर्फ़ कागज़ पर compliant नहीं, बल्कि सच में इस्तेमाल करने लायक है।

यह पिलर पूरा नक्शा देता है: एक्सेसिबिलिटी QA का हिस्सा क्यों है, WCAG 2.2 कैसे व्यवस्थित है, conformance का क्या मतलब है, पाँच व्यावहारिक उप-क्षेत्र (कीबोर्ड, स्क्रीन रीडर, फ़ॉर्म, विज़ुअल और ऑटोमेटेड टेस्टिंग), WCAG-EM से प्रोडक्ट का मूल्यांकन कैसे करें, काम को स्प्रिंट और pipeline में कैसे फ़िट करें, बहुभाषी और right-to-left प्रोडक्ट तस्वीर को कैसे बदलते हैं, और टेस्टर सबसे ज़्यादा कौन-से डिफ़ेक्ट पाते हैं।

एक्सेसिबिलिटी टेस्टिंग क्या है और क्यों ज़रूरी है

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

QA टीम के लिए एक्सेसिबिलिटी security या performance जैसी एक quality attribute है: इसे acceptance criteria में लिखा जा सकता है, इसके लिए डिज़ाइन किया जा सकता है, टेस्ट, माप और regression में ट्रैक किया जा सकता है। यह उन्हीं तरीकों से फ़ेल होती है जिनसे दूसरी quality attributes होती हैं — छूटी requirements, देर से पता चलना और regression coverage की कमी — और उसी अनुशासन से ठीक होती है।

कई जगह यह कानूनी और कॉन्ट्रैक्ट का मामला भी है। कई देशों के नियम और सरकारी खरीद नियम WCAG का हवाला देते हैं, और यूरोप में harmonised मानक EN 301 549 वेब कंटेंट के लिए WCAG पर आधारित है और सॉफ़्टवेयर, दस्तावेज़ों व हार्डवेयर की आवश्यकताएँ जोड़ता है। सटीक दायित्व देश, सेक्टर और प्रोडक्ट के प्रकार के हिसाब से बदलते हैं, इसलिए कानूनी सवाल अपनी legal या compliance टीम पर छोड़ें और WCAG को वह तकनीकी पैमाना मानें जिसके विरुद्ध आपके टेस्ट लिखे जाते हैं।

देर से पता चलना महँगा पड़ता है। कीबोर्ड सपोर्ट या सही semantics के बिना बना custom dropdown अक्सर patch नहीं, दोबारा बनाना पड़ता है, और लॉन्च से दो हफ़्ते पहले का audit ऐसे दर्जनों कंपोनेंट एक साथ पकड़ता है। यही सबसे बड़ा कारण है कि एक्सेसिबिलिटी को अंत में एक audit की बजाय लगातार, हर story के साथ टेस्ट किया जाए।

WCAG 2.2 की संरचना

WCAG 2.2 एक W3C Recommendation है (यहाँ जिस संस्करण का हवाला है वह 12 दिसंबर 2024 का है)। इसकी normative requirements तीन परतों में हैं (WCAG की अपनी "layers of guidance" में चौथी परत sufficient और advisory techniques की है, लेकिन वह informative है, बाध्यकारी नहीं)। चार सिद्धांत बताते हैं कि कंटेंट कैसा होना चाहिए; उनके नीचे 13 guidelines लक्ष्य बताती हैं; और guidelines के नीचे टेस्ट करने योग्य success criteria (SC) वह हैं जिनके विरुद्ध आप असल में टेस्ट और रिपोर्ट करते हैं। हर success criterion का एक नंबर, नाम और लेवल होता है — जैसे SC 2.1.1 Keyboard (Level A) या SC 1.4.3 Contrast (Minimum) (Level AA)। W3C हर criterion के लिए informative "Understanding WCAG 2.2" दस्तावेज़ और techniques व आम failures की सूची वाला Quick Reference भी प्रकाशित करता है; छोटे normative टेक्स्ट के पीछे का उद्देश्य, अपवाद और edge case टेस्टर को वहीं मिलते हैं।

आप success criteria के विरुद्ध टेस्ट और रिपोर्ट करते हैं: WCAG 2.2 के 4 सिद्धांतों और 13 guidelines के नीचे की टेस्ट करने योग्य परत।

हर परत अपने ऊपर वाली परत के नीचे है

  1. 1चार सिद्धांतNormativeकंटेंट कैसा होना चाहिए: Perceivable, Operable, Understandable, Robust
  2. 213 guidelinesNormativeसिद्धांतों के नीचे: लक्ष्य बताती हैं
  3. 3Success criteria (SC)Normativeटेस्ट करने योग्य: जिनके विरुद्ध आप असल में टेस्ट और रिपोर्ट करते हैं

    हर एक का नंबर, नाम और लेवल होता है, जैसे SC 2.1.1 Keyboard (Level A)

  4. 4Sufficient और advisory techniquesInformative, बाध्यकारी नहींWCAG की “layers of guidance” की चौथी परत

    W3C के Quick Reference में आम failures के साथ सूचीबद्ध

  • Perceivable — जानकारी ऐसे रूप में प्रस्तुत हो जिसे यूज़र देख, सुन या किसी और इंद्रिय से ग्रहण (perceive) कर सके: टेक्स्ट विकल्प (1.1.1 Non-text Content), मीडिया के लिए कैप्शन, ऐसी संरचना जो सिर्फ़ दिखने में नहीं बल्कि प्रोग्राम से भी उपलब्ध हो (1.3.1 Info and Relationships), पर्याप्त कंट्रास्ट (1.4.3 Contrast (Minimum)) और ज़ूम करने पर reflow होने वाला कंटेंट (1.4.10 Reflow)।
  • Operable — हर फ़ंक्शन यूज़र के इनपुट साधन से चले: कीबोर्ड (2.1.1 Keyboard, 2.1.2 No Keyboard Trap), पर्याप्त समय, दौरे पैदा कर सकने वाली फ़्लैशिंग नहीं, नेविगेशन सहायता (2.4.1 Bypass Blocks, 2.4.3 Focus Order, 2.4.7 Focus Visible) और जटिल gestures के विकल्प (2.5.1 Pointer Gestures)।
  • Understandable — टेक्स्ट पढ़ने योग्य और इंटरफ़ेस अनुमानित हो: पेज की भाषा घोषित हो (3.1.1 Language of Page), फ़ोकस और इनपुट से अचानक context न बदले (3.2.1 On Focus, 3.2.2 On Input), और एरर में मदद मिले (3.3.1 Error Identification, 3.3.2 Labels or Instructions)।
  • Robust — कंटेंट मौजूदा और भविष्य के user agents, जिनमें assistive technology भी है, के साथ काम करे: हर UI कंपोनेंट अपना name, role और value उजागर करे (4.1.2 Name, Role, Value), और status messages फ़ोकस हिलाए बिना announce हो सकें (4.1.3 Status Messages)।

लेवल और conformance का मतलब

लेवल संचयी हैं। Level A न्यूनतम है; Level AA में सभी A और AA criteria शामिल हैं और ज़्यादातर संस्थाएँ, कॉन्ट्रैक्ट और नियम इसी को लक्ष्य बनाते हैं; Level AAA सबसे ऊँचा है, और WCAG ख़ुद पूरी साइटों के लिए AAA को सामान्य नीति के रूप में अनिवार्य करने की सलाह नहीं देता, क्योंकि कुछ कंटेंट हर AAA criterion पूरा नहीं कर सकता। जब तक कॉन्ट्रैक्ट कुछ और न कहे, WCAG 2.2 Level AA के विरुद्ध टेस्ट करें।

WCAG 2.2 ने WCAG 2.1 में नौ नए success criteria जोड़े — जिनमें 2.4.11 Focus Not Obscured (Minimum), 2.5.7 Dragging Movements, 2.5.8 Target Size (Minimum), 3.2.6 Consistent Help, 3.3.7 Redundant Entry और 3.3.8 Accessible Authentication (Minimum) शामिल हैं — और 4.1.1 Parsing को obsolete और removed के रूप में सूचीबद्ध किया। अगर कोई पुराना test plan या टूल रिपोर्ट अब भी 4.1.1 findings देती है, तो markup की समस्या तभी रखें जब वह किसी दूसरे criterion, जैसे 4.1.2, को फ़ेल करती हो।

Conformance claim पेजों के बारे में बयान है, किसी कंपनी या टीम के बारे में नहीं। WCAG 2.2 पाँच conformance requirements तय करता है: चुना गया लेवल पूरी तरह पूरा हो; conformance पूरे पेजों पर लागू हो, पेज के हिस्सों पर नहीं; जब पेज किसी प्रोसेस का एक चरण हो तो complete process के सभी पेज conform करें; सिर्फ़ accessibility-supported तरीकों से टेक्नोलॉजी इस्तेमाल हो; और जिन टेक्नोलॉजी पर निर्भरता नहीं है वे बाकी पेज में बाधा न डालें (non-interference)।

इनमें से दो सीधे test design को आकार देते हैं। "Full pages" का मतलब है कि किसी पेज पर compliant फ़ॉर्म हो लेकिन cookie banner inaccessible हो, तो पेज conforming नहीं है। "Complete processes" का मतलब है कि checkout, registration या लोन आवेदन तभी पास है जब हर चरण पास हो — पेमेंट पेज, OTP स्क्रीन और confirmation चरण सहित। मूल्यांकन का scope तय करते समय सिर्फ़ URL नहीं, प्रोसेस की सूची बनाएँ। और conformance एक snapshot है: मार्च में conform करने वाला पेज अप्रैल में नया date picker आने के बाद फ़ेल हो सकता है, इसलिए एक्सेसिबिलिटी को भी बाकी quality attributes की तरह regression coverage चाहिए।

पाँच व्यावहारिक उप-क्षेत्र

WCAG सिद्धांत के हिसाब से व्यवस्थित है, लेकिन टेस्टर तकनीक के हिसाब से काम करते हैं। पाँच उप-क्षेत्र रोज़ के ज़्यादातर काम को कवर करते हैं, और इस टॉपिक में हर एक की अपनी गाइड है।

  • कीबोर्ड एक्सेसिबिलिटी — हर फ़ंक्शन Tab, Shift+Tab, Enter, Space, arrow keys और Escape से पहुँचने और चलाने योग्य; तार्किक focus order; ऐसा visible focus indicator जो sticky header के पीछे न छिपे; कोई keyboard trap नहीं; skip links; फ़ोकस सँभालने वाले modal dialog। यह सबसे तेज़ और ऊँची वैल्यू वाली जाँच है, और स्क्रीन रीडर, switch और वॉइस कंट्रोल यूज़र इसी नींव पर निर्भर हैं।
  • स्क्रीन रीडर टेस्टिंग — पेज के semantics assistive technology तक पहुँचते हैं या नहीं: accessible names, roles और states, headings और landmarks, अर्थपूर्ण link text, ARIA का सही इस्तेमाल और announce होने वाले status messages, जिन्हें असली स्क्रीन रीडर-ब्राउज़र जोड़ियों से जाँचा जाता है, जैसे Windows पर NVDA या JAWS, macOS और iOS पर VoiceOver, और Android पर TalkBack।
  • Accessible फ़ॉर्म — दिखने वाले labels और निर्देश, संबंधित फ़ील्ड का समूह, required फ़ील्ड का संकेत, error identification और सुझाव, कानूनी व वित्तीय सबमिशन में error prevention, input purpose के लिए autocomplete और accessible authentication। फ़ॉर्म ही वह जगह है जहाँ एक्सेसिबिलिटी failures सबसे ज़्यादा ट्रांज़ैक्शन पूरी तरह रोक देते हैं।
  • विज़ुअल एक्सेसिबिलिटी — टेक्स्ट और non-text कंट्रास्ट, रंग का इस्तेमाल, resize और reflow, text spacing, orientation, target size, hover या focus पर दिखने वाला कंटेंट, motion और flashing, और images के टेक्स्ट विकल्प।
  • ऑटोमेटेड एक्सेसिबिलिटी टेस्टिंग — axe-core जैसे rule engine और Lighthouse जैसे audit, जो ब्राउज़र में, component और end-to-end टेस्ट में और CI में चलकर हर बदलाव पर मशीन से पकड़ी जा सकने वाली failures पकड़ते हैं, और विवेक वाले फ़ैसले इंसानों पर छोड़ते हैं।

मैनुअल और ऑटोमेटेड टेस्टिंग: कौन क्या पकड़ता है

ऑटोमेटेड checker उपयोगी भी हैं और सीमित भी। वे भरोसे से वही स्थितियाँ पकड़ते हैं जो कोड और computed styles से तय हो सकती हैं: बिना alt attribute की image, बिना accessible name का फ़ॉर्म कंट्रोल, किसी role पर अनुमति न पाने वाला ARIA attribute, मौजूद न होने वाले id का रेफ़रेंस, कंट्रास्ट सीमा से नीचे सादा टेक्स्ट। वे यह तय नहीं कर सकते कि alt text image का सही वर्णन करता है या नहीं, focus order तर्कसंगत है या नहीं, heading अपने सेक्शन को बताती है या नहीं, error message मदद करता है या नहीं, या कोई custom widget स्क्रीन रीडर से सच में चलता है या नहीं। W3C का evaluation overview कहता है कि सिर्फ़ टूल यह तय नहीं कर सकते कि साइट accessible है; कोई टूल प्रोडक्ट की कितनी समस्याएँ पकड़ता है यह प्रोडक्ट और टूल पर निर्भर है, और यह हमेशा तस्वीर का एक हिस्सा ही होता है।

W3C के Accessibility Conformance Testing (ACT) rules टूल-निरपेक्ष फ़ॉर्मेट में बताते हैं कि WCAG और ARIA के ख़ास पहलुओं को कैसे टेस्ट करें। कुछ rules पूरी तरह automate हो सकते हैं और कुछ में इंसानी फ़ैसला चाहिए; टूल की तुलना करते समय यह पूछना कि कौन-सा टूल कौन-से ACT rules लागू करता है, हेडलाइन नंबरों की तुलना से ज़्यादा उपयोगी है। प्रयास का एक व्यावहारिक बँटवारा:

  • ऑटोमेटेड, हर बदलाव पर — मुख्य पेजों और कंपोनेंट का rule-engine स्कैन, CI में।
  • मैनुअल, हर story पर — कीबोर्ड पास, छोटा स्क्रीन रीडर पास, ज़ूम और reflow, और बदले गए UI में हर नई चीज़ का कंट्रास्ट।
  • विशेषज्ञ मूल्यांकन, हर रिलीज़ या तिमाही — representative sample का संरचित WCAG मूल्यांकन (नीचे WCAG-EM देखें)।
  • दिव्यांग यूज़र्स के साथ टेस्टिंग, समय-समय पर — यह जानने का एकमात्र तरीका कि प्रोडक्ट व्यवहार में इस्तेमाल करने योग्य है, सिर्फ़ कागज़ पर conformant नहीं।

आज़माएँ: HTML एक्सेसिबिलिटी चेकर

WCAG-EM से प्रोडक्ट का मूल्यांकन

WCAG Evaluation Methodology (WCAG-EM) 2.0, जिसे W3C ने जुलाई 2026 में Group Note के रूप में प्रकाशित किया, बताती है कि कोई डिजिटल प्रोडक्ट WCAG 2 के कितना अनुरूप है, इसका मूल्यांकन कैसे करें। यह एक प्रक्रिया है, टूल नहीं, और वेबसाइट, वेब एप्लिकेशन या ऐप स्क्रीनों के सेट पर काम करती है। इसके पाँच चरण test plan से सीधे मेल खाते हैं:

  • 1. मूल्यांकन का scope तय करें — प्रोडक्ट और उसके हिस्से, conformance target (आमतौर पर WCAG 2.2 Level AA), accessibility support baseline (वे ब्राउज़र और assistive technologies जिनके साथ प्रोडक्ट को काम करना है) और कोई अतिरिक्त requirements।
  • 2. प्रोडक्ट को एक्सप्लोर करें — आम views, ज़रूरी functionality, पेज या स्क्रीन के प्रकारों की विविधता, और जिन technologies पर निर्भरता है उन्हें पहचानें।
  • 3. Representative sample चुनें — चरण 2 में मिली चीज़ों को कवर करने वाला structured sample, कुछ randomly चुने samples, और हर complete process।
  • 4. Sample का मूल्यांकन करें — हर sample और हर complete process को target के criteria के विरुद्ध जाँचें, फिर structured और random नतीजों की तुलना करें; अगर random samples नई तरह की failures दिखाते हैं, तो structured sample से कुछ छूटा है।
  • 5. नतीजे रिपोर्ट करें — हर चरण का परिणाम दर्ज करें; वैकल्पिक रूप से evaluation specifics, evaluation statement, aggregated score और machine-readable reports जोड़ें।

स्प्रिंट में एक्सेसिबिलिटी

एक्सेसिबिलिटी सबसे सस्ती तब पड़ती है जब वह अलग फ़ेज़ नहीं, हर story की विशेषता हो। स्प्रिंट टीम के लिए WCAG-EM स्वाभाविक रूप से छोटा हो जाता है: scope रिलीज़ है, sample बदली गई स्क्रीनें और उनसे जुड़े प्रोसेस हैं, और रिपोर्ट linked defects के साथ फ़ेल हुए criteria की सूची है। एक व्यावहारिक flow:

  • Refinement — UI वाली हर story में एक्सेसिबिलिटी acceptance criteria जोड़ें: कीबोर्ड से संचालन, कंट्रोल के नाम, announce होने वाले errors और status, नए रंगों का कंट्रास्ट। success criterion नंबर लिखें।
  • डिज़ाइन review — कोड बनने से पहले कंट्रास्ट, focus styles, target size, reading और focus order जाँचें, और यह कि कोई जानकारी सिर्फ़ रंग से न दी जाए।
  • डेवलपमेंट — native HTML elements को प्राथमिकता दें, custom widgets के लिए ARIA Authoring Practices के patterns अपनाएँ, और ऑटोमेटेड checker लोकली और component टेस्ट में चलाएँ।
  • Story टेस्टिंग — टेस्टर कीबोर्ड पास, एक तय जोड़ी पर स्क्रीन रीडर smoke पास, 200% ज़ूम और 400% पर reflow करता है, और ऑटोमेटेड नतीजे देखता है।
  • Regression — क्रिटिकल journeys (login, search, checkout, मुख्य फ़ॉर्म) के लिए छोटा एक्सेसिबिलिटी regression suite रखें, हर रिलीज़ पर चलाएँ, और समय के साथ स्क्रीन रीडर जोड़ियाँ बदलते रहें।
  • Definition of done — जब तक story में Level A या AA की खुली failures हैं, वह done नहीं है, जब तक टीम ने उन्हें स्पष्ट रूप से स्वीकार, टिकट और शेड्यूल न किया हो।
  • नीचे दी गई definition of done चेकलिस्ट (अंग्रेज़ी में, ताकि सीधे कॉपी हो सके) के बिंदु — हर नया फ़ंक्शन सिर्फ़ कीबोर्ड से चले (Tab, Shift+Tab, Enter, Space, arrows, Esc); focus order reading order के अनुसार हो और हर focusable element पर फ़ोकस दिखे; फ़ोकस वाला element sticky header, footer या banner के पीछे पूरी तरह न छिपे; हर कंट्रोल का accessible name उसका दिखने वाला label शामिल करे; headings और landmarks दृश्य संरचना दिखाएँ; errors, toasts और loading states announce हों (status / alert); टेक्स्ट कंट्रास्ट कम से कम 4.5:1 (बड़ा टेक्स्ट कम से कम 3:1), UI components और graphics कम से कम 3:1; 200% टेक्स्ट साइज़ पर इस्तेमाल योग्य और 400% ज़ूम पर horizontal scrolling के बिना reflow; हर locale में lang और dir सही (अरबी: lang="ar" dir="rtl"); ऑटोमेटेड स्कैन में कोई नया violation नहीं; और तय जोड़ी (जैसे NVDA + Firefox) पर स्क्रीन रीडर smoke पास।
Accessibility definition of done (story with UI)

[ ] Every new function works with keyboard only (Tab, Shift+Tab, Enter, Space, arrows, Esc)
[ ] Focus order follows reading order; focus is visible on every focusable element
[ ] Focused element is never fully hidden by a sticky header, footer or banner
[ ] Every control has an accessible name that contains its visible label
[ ] Headings and landmarks reflect the visual structure
[ ] Errors, toasts and loading states are announced (status / alert)
[ ] Text contrast >= 4.5:1 (large text >= 3:1); UI components and graphics >= 3:1
[ ] Usable at 200% text size; reflows at 400% zoom without horizontal scrolling
[ ] lang and dir correct in every locale (Arabic: lang="ar" dir="rtl")
[ ] Automated scan: no new violations
[ ] Screen reader smoke pass on the agreed pairing (for example NVDA + Firefox)

आज़माएँ: AI QA चेकलिस्ट जनरेटर

आम एक्सेसिबिलिटी डिफ़ेक्ट और उन्हें कैसे रिपोर्ट करें

अलग-अलग प्रोडक्ट में वही failures बार-बार दिखती हैं। बग टाइटल के रूप में, हर एक किस criterion को फ़ेल करता है उसके साथ:

  • "Country dropdown कीबोर्ड से खुलता या बदलता नहीं" — 2.1.1 Keyboard।
  • "Edit address dialog बंद करने के बाद फ़ोकस पेज के सबसे ऊपर लौट जाता है" — 2.4.3 Focus Order।
  • "Primary buttons पर कोई visible focus indicator नहीं (global CSS में outline हटाया गया)" — 2.4.7 Focus Visible।
  • "सिर्फ़ icon वाला delete बटन बिना नाम के button के रूप में announce होता है" — 4.1.2 Name, Role, Value।
  • "सेक्शन टाइटल styled paragraphs हैं; स्क्रीन रीडर की headings सूची खाली है" — 1.3.1 Info and Relationships।
  • "Item added to cart toast स्क्रीन रीडर announce नहीं करते" — 4.1.3 Status Messages।
  • "सफ़ेद पर ग्रे helper text का कंट्रास्ट अनुपात 2.9:1 है" — 1.4.3 Contrast (Minimum)।
  • "अरबी पेज lang=en घोषित करता है; स्क्रीन रीडर अरबी टेक्स्ट अंग्रेज़ी आवाज़ में पढ़ता है" — 3.1.1 Language of Page।

आज़माएँ: AI बग टाइटल जनरेटर आज़माएँ: AI बग विवरण जनरेटर

डिफ़ेक्ट रिपोर्टिंग और CI में ऑटोमेशन

एक्सेसिबिलिटी बग रिपोर्ट में वह सब चाहिए जो किसी भी बग रिपोर्ट में होता है (बग रिपोर्ट लिखने की गाइड संरचना और severity बनाम priority कवर करती है), साथ में चार चीज़ें: success criterion और उसका लेवल; assistive technology, ब्राउज़र और OS, वर्ज़न सहित; सटीक key sequence या सुना गया सटीक announcement; और यूज़र पर असर। "स्क्रीन रीडर यूज़र checkout पूरा नहीं कर सकते" — यही वाक्य priority तय करता है। किसी मुख्य journey को रोकने वाली Level A failure को आमतौर पर release blocker माना जाता है।

ऑटोमेटेड जाँचें pipeline में उसी वजह से होनी चाहिए जिस वजह से unit टेस्ट होते हैं: वे जानी-पहचानी regressions को सस्ते में रोकती हैं। आम patterns हैं: मौजूदा end-to-end टेस्ट के अंदर rule engine चलाना (जैसे Playwright, Cypress या Selenium के साथ axe-core), टेस्ट एनवायरनमेंट में deploy के बाद URLs की सूची स्कैन करना, और मुख्य पेजों पर Lighthouse accessibility audit चलाना। Gate उसी पर रखें जो टूल तय कर सकते हैं: नए violations पर build फ़ेल करें, ज्ञात issues का टिकट सहित baseline रखें ताकि pipeline हमेशा लाल न रहे, और टूल अपडेट होने पर rule set की समीक्षा करें। हरी pipeline को कभी "accessible" न कहें — इसका मतलब सिर्फ़ इतना है कि ऑटोमेटेड rules को कुछ नहीं मिला। ऑटोमेटेड एक्सेसिबिलिटी टेस्टिंग गाइड टूल integration, rule चयन और triage को विस्तार से कवर करती है।

बहुभाषी और right-to-left एक्सेसिबिलिटी

अरबी और अंग्रेज़ी दोनों में इस्तेमाल होने वाले प्रोडक्ट — जो सऊदी अरब और खाड़ी देशों में आम हैं — को ऐसी जाँचें चाहिए जो एक-भाषा वाले test plan में छूट जाती हैं। स्क्रीन रीडर सही उच्चारण नियम लोड करने के लिए पेज की घोषित भाषा का इस्तेमाल करते हैं, इसलिए html element पर lang attribute पेज की भाषा से मेल खाना चाहिए (3.1.1 Language of Page), और दूसरी भाषा के अंश — जैसे अरबी टेक्स्ट के अंदर अंग्रेज़ी प्रोडक्ट नाम — पर अपना lang होना चाहिए (3.1.2 Language of Parts)। ग़लत lang ऐसी आवाज़ पैदा करता है जिसे समझना बहुत मुश्किल होता है, भले ही बाकी हर जाँच पास हो। हिंदी-अंग्रेज़ी मिश्रित पेजों पर भी यही सिद्धांत लागू होता है।

दूसरी चिंता दिशा है। dir attribute (अरबी पेजों में html element पर dir="rtl") आधार दिशा तय करता है; लेआउट mirror होता है, और focus order को तब भी reading order का पालन करना चाहिए, जो अरबी में दाएँ से बाएँ है। जाँचें कि Tab mirrored लेआउट में तार्किक क्रम से चलता है, sliders, carousels और tab lists में arrow keys mirrored लेआउट के अनुरूप व्यवहार करती हैं, दिशा बताने वाले icons जहाँ चाहिए वहाँ mirror हैं, और अरबी-लैटिन मिश्रित strings — order नंबर, ईमेल पते, फ़ोन नंबर — सही क्रम में दिखते और पढ़े जाते हैं। RTL टेस्टिंग गाइड bidirectional टेक्स्ट और लेआउट mirroring को विस्तार से कवर करती है।

आज़माएँ: बहुभाषी टेस्ट डेटा जनरेटर आज़माएँ: अरबी टेस्ट डेटा जनरेटर

अक्सर पूछे जाने वाले सवाल

एक्सेसिबिलिटी टेस्टिंग और usability टेस्टिंग में क्या फ़र्क़ है?

एक्सेसिबिलिटी टेस्टिंग जाँचती है कि दिव्यांग लोग प्रोडक्ट इस्तेमाल कर सकते हैं या नहीं, आमतौर पर WCAG success criteria के विरुद्ध और assistive technology के साथ। Usability टेस्टिंग मापती है कि representative यूज़र कितनी आसानी से अपने लक्ष्य पूरे करते हैं। दोनों आपस में जुड़े हैं; दिव्यांग यूज़र्स के साथ टेस्टिंग दोनों है।

किस WCAG लेवल के विरुद्ध टेस्ट करें?

WCAG 2.2 Level AA, जब तक कोई कॉन्ट्रैक्ट या नियम कुछ और न कहे। AA में सभी Level A criteria शामिल हैं। WCAG ख़ुद पूरी साइटों के लिए AAA को सामान्य नीति बनाने की सलाह नहीं देता, हालाँकि कुछ अलग-अलग AAA criteria अपनाना फ़ायदेमंद हो सकता है।

क्या कोई ऑटोमेटेड टूल साइट को WCAG compliant बना सकता है?

नहीं। टूल वही समस्याएँ पकड़ते हैं जो कोड और styles से तय हो सकती हैं, जैसे missing names या कम टेक्स्ट कंट्रास्ट। Focus order, alt text, headings और error messages तर्कसंगत हैं या नहीं, इसके लिए इंसान चाहिए, और W3C कहता है कि सिर्फ़ टूल एक्सेसिबिलिटी तय नहीं कर सकते।

क्या 4.1.1 Parsing अब भी टेस्ट होता है?

WCAG 2.2 criterion के रूप में नहीं: WCAG 2.2 में 4.1.1 Parsing obsolete और removed सूचीबद्ध है। Markup errors तब भी मायने रखते हैं जब वे कुछ और तोड़ें, जैसे duplicate id की वजह से label ग़लत फ़ील्ड की ओर इशारा करे, जो 4.1.2 जैसे दूसरे criteria को फ़ेल करता है।

क्या असली स्क्रीन रीडर से टेस्ट करना ज़रूरी है?

हाँ, static कंटेंट से आगे किसी भी चीज़ के लिए। ब्राउज़र developer tools accessibility tree दिखाते हैं, लेकिन यूज़र असल में क्या सुनता है — live regions, custom widgets और focus बदलाव कैसे व्यवहार करते हैं — यह सिर्फ़ असली स्क्रीन रीडर और ब्राउज़र की जोड़ी दिखाती है।

क्या WCAG मोबाइल ऐप पर लागू होता है?

WCAG वेब कंटेंट के लिए लिखा गया है, लेकिन इसके सिद्धांत और ज़्यादातर criteria ऐप स्क्रीनों पर भी लागू होते हैं, और EN 301 549 WCAG-आधारित requirements वेब के साथ सॉफ़्टवेयर पर भी लागू करता है। Native ऐप को प्लैटफ़ॉर्म के स्क्रीन रीडर से टेस्ट करें: iOS पर VoiceOver और Android पर TalkBack।

संदर्भ

  • Web Content Accessibility Guidelines (WCAG) 2.2W3C · 2024W3C की Recommendation जो सुलभ वेब कंटेंट के लिए टेस्ट करने योग्य success criteria तय करती है — चार सिद्धांतों और तीन conformance स्तरों (A, AA, AAA) में व्यवस्थित।
  • Understanding WCAG 2.2W3C Web Accessibility Initiative (WAI)WCAG 2.2 की हर guideline और success criterion की व्याख्या: उद्देश्य, किसे लाभ, उदाहरण और तकनीकें (नॉर्मेटिव नहीं)।
  • WCAG Evaluation Methodology (WCAG-EM) 2.0W3C · 2026पूरी वेबसाइट को WCAG के सामने जाँचने की W3C पद्धति: दायरा तय करना, खोजबीन, प्रतिनिधि सैंपल चुनना, ऑडिट और रिपोर्ट।
  • Evaluating Web Accessibility OverviewW3C Web Accessibility Initiative (WAI)एक्सेसिबिलिटी मूल्यांकन के लिए W3C का प्रवेश-पृष्ठ: शुरू से और पूरे विकास में मूल्यांकन क्यों, और मैनुअल जाँच, टूल व यूज़र भागीदारी कैसे साथ काम करते हैं।
  • All ACT RulesW3C Web Accessibility Initiative (WAI)Accessibility Conformance Testing (ACT) नियम: WCAG और ARIA आवश्यकताओं के सटीक, दस्तावेज़ित टेस्ट तरीके, ताकि ऑटोमेटेड और मैनुअल नतीजे एक जैसे हों।
  • How to Meet WCAG (Quick Reference)W3C Web Accessibility Initiative (WAI)WCAG 2.2 के हर success criterion की फ़िल्टर करने योग्य सूची, पर्याप्त तकनीकों और आम विफलताओं के साथ।
  • EN 301 549 V4.1.1 (2026-09) — Accessibility requirements for ICT products and servicesETSI / CEN / CENELEC · 2026ICT के लिए यूरोपीय harmonised एक्सेसिबिलिटी मानक, जो वेब कंटेंट के लिए WCAG पर आधारित है और सॉफ़्टवेयर, दस्तावेज़ व हार्डवेयर की आवश्यकताएँ जोड़ता है।
  • Structural markup and right-to-left text in HTMLW3Chtml और संरचनात्मक एलिमेंट पर dir एट्रिब्यूट से base direction कैसे सेट करें, और इसके लिए केवल CSS पर क्यों न निर्भर रहें।

अभ्यास

Booking release को WCAG 2.2 AA के विरुद्ध जाँचें

आपका काम

आप एक प्राइवेट क्लिनिक समूह (काल्पनिक) के patient portal के टेस्टर हैं। Portal अरबी, जो उसकी default भाषा है, और अंग्रेज़ी में है। Release 3.2 में online appointment booking जुड़ रही है — पाँच पेजों का एक प्रोसेस — और go-live दस दिन में है; कॉन्ट्रैक्ट WCAG 2.2 Level AA माँगता है। CI pipeline एक ऑटोमेटेड एक्सेसिबिलिटी स्कैन चलाती है और हरी है, और एक साथी टेस्टर ने अभी मैनुअल पास पूरा किया है। नीचे के material में प्रोसेस, स्कैन का नतीजा, मैनुअल पास की आठ observations (O1 से O8) और release thread के दो comments हैं।

गाइड और WCAG 2.2 Quick Reference के साथ काग़ज़ पर काम करें; WCAG कंट्रास्ट अनुपात दिखाने वाला color converter O6 और O8 के नंबर देगा। इसके लिए 45–60 मिनट रखें।

सामग्री
एक प्राइवेट क्लिनिक समूह का patient portal (काल्पनिक) - web, अरबी (default) और अंग्रेज़ी
Release 3.2 में online appointment booking जुड़ती है।
आज: गुरुवार 8 अक्टूबर 2026। Go-live: रविवार 18 अक्टूबर 2026।
कॉन्ट्रैक्ट का target: हर public पेज और प्रोसेस के लिए WCAG 2.2 Level AA।

Booking प्रोसेस (5 पेज)
  1. /book/clinic    क्लिनिक और specialty चुनना
  2. /book/slot      डॉक्टर, तारीख़ और time slot चुनना
  3. /book/details   मरीज़ का नाम, national ID या iqama नंबर, मोबाइल नंबर
  4. /book/verify    SMS से भेजा गया 6 अंकों का code डालना
  5. /book/done      confirmation

CI एक्सेसिबिलिटी स्कैन - Playwright end-to-end टेस्ट के अंदर axe-core, हर merge पर
  Rules: WCAG Level A और AA
  स्कैन होते हैं: /book/clinic, /book/slot, /book/details, /book/done (अंग्रेज़ी और अरबी)
  स्कैन नहीं होता: /book/verify - टेस्ट SMS code प्राप्त नहीं कर सकता
  Build 3.2.0-rc1: PASSED, 0 नए violations
  ज्ञात issues का baseline: /book/details पर color-contrast, 1 element (.field-hint),
  टिकट A11Y-41, release 3.3 के लिए planned

मैनुअल पास - लीना (tester), staging, build 3.2.0-rc1
Lab PC LAB-07: Windows 11, Chrome, NVDA (सटीक versions lab sheet पर)

O1  /book/slot, अरबी और अंग्रेज़ी UI, सिर्फ़ कीबोर्ड: Tab तारीख़ वाले फ़ील्ड से सीधे
    "Continue" पर जाता है; किसी time slot पर कभी फ़ोकस नहीं आता, और Enter या Space
    कुछ नहीं करते। माउस क्लिक से slot चुना जाता है। NVDA browse mode हर slot को सादे
    टेक्स्ट ("09:30") की तरह पढ़ता है, कोई role नहीं।
O2  /book/slot: उपलब्ध slots हरे हैं, पूरी तरह बुक slots ग्रे हैं। इसके अलावा टेक्स्ट,
    icon, border और pattern एक जैसे हैं।
O3  अरबी UI, हर पेज: html element पर lang="en" dir="rtl" है। NVDA अरबी टेक्स्ट को
    अपनी अंग्रेज़ी आवाज़ में पढ़ता है; लीना उसे समझ नहीं पाई।
O4  /book/details, window 1280x720, zoom 100%: जब Tab "Continue" पर पहुँचता है, तो
    window के नीचे का sticky bar "Need help? Call us" बटन को पूरी तरह ढक देता है।
O5  /book/verify, NVDA + Chrome: code 6 एक-अंकीय boxes में जाता है। हर box
    "edit, blank" के रूप में announce होता है; ऊपर का टेक्स्ट "Enter the 6-digit
    code sent to your mobile" किसी box पर फ़ोकस आने पर नहीं पढ़ा जाता।
O6  /book/details: ID फ़ील्ड के नीचे hint "10 digits" #ffffff पर #8a8a8a है, 14px,
    regular weight। यही scan baseline वाला .field-hint element है।
O7  एक पुराने प्रोजेक्ट का audit टूल /book/details पर रिपोर्ट करता है:
    "4.1.1 Parsing - duplicate id icon-help"। दो decorative icons एक ही id रखते हैं;
    उस id की ओर कुछ भी इशारा नहीं करता (न for, न aria-labelledby, न aria-describedby,
    न ऐसा कोई और attribute)।
O8  इंटरनेट से मिली एक checklist कहती है "body text needs 7:1"। /book/clinic पर
    body text #ffffff पर #666666 है, 16px।

Release thread
  उमर (product owner): "CI हरा है और अकेला ज्ञात issue ग्रे का एक shade है। कृपया
  पुष्टि करें कि हम WCAG 2.2 AA compliant हैं, ताकि marketing इसे release notes में
  लिख सके।"
  रामी (development lead): "बहुत कम मरीज़ सिर्फ़ कीबोर्ड इस्तेमाल करते हैं। Slot
  picker का fix 3.3 तक रुक सकता है।"
चरण
  1. हर observation को उसके WCAG सिद्धांत और success criterion (नंबर, नाम और लेवल) से जोड़ें, और तय करें कि वह कॉन्ट्रैक्ट के target के विरुद्ध failure है या नहीं। कारण एक पंक्ति में लिखें।
  2. हर failure के लिए तय करें कि कोई rule engine उसे कोड और computed styles से पकड़ सकता है या नहीं, और बताएँ कि फिर भी pipeline हरी क्यों है।
  3. Conformance requirements के आधार पर तय करें कि booking प्रोसेस के लिए WCAG 2.2 Level AA conformance का दावा हो सकता है या नहीं, और बताएँ कि किन failures को आप release blocker मानने की सलाह देंगे।
  4. O1 की बग रिपोर्ट लिखें, जिसमें वे चार चीज़ें भी हों जो एक्सेसिबिलिटी बग रिपोर्ट को सामान्य रिपोर्ट के ऊपर चाहिए।
  5. उमर और रामी, दोनों को अलग-अलग दो-तीन वाक्यों में जवाब दें, और लिखें कि टीम क्या बदलेगी ताकि अगली release में यह न दोहराया जाए।
मॉडल उत्तर दिखाएँ
मॉडल उत्तर

चरण 1. Target WCAG 2.2 Level AA है, इसलिए हर Level A और AA criterion गिना जाता है। O1 — Operable, 2.1.1 Keyboard (A): failure; slot माउस से चुना जा सकता है, कीबोर्ड से नहीं। Slots कोई role या state भी नहीं बताते (NVDA उन्हें सादे टेक्स्ट की तरह पढ़ता है), इसलिए 4.1.2 Name, Role, Value (A) भी फ़ेल है; native <button> elements, या ARIA Authoring Practices के pattern पर बना radio group, दोनों को ठीक करते हैं। O2 — Perceivable, 1.4.1 Use of Color (A): failure; उपलब्ध और बुक हो चुके slot में दिखने वाला अकेला फ़र्क़ रंग है। रंग के अलावा कोई फ़र्क़ जोड़ें, जैसे "Booked" शब्द या एक icon, और state को assistive technology तक पहुँचाएँ। O3 — Understandable, 3.1.1 Language of Page (A): हर अरबी पेज पर failure; उन्हें lang="ar" चाहिए (dir="rtl" पहले से सही है), और फिर अरबी टेक्स्ट के अंदर अंग्रेज़ी अंशों पर 3.1.2 Language of Parts (AA) के तहत अपना lang चाहिए।

O4 — Operable, 2.4.11 Focus Not Obscured (Minimum) (AA), जो WCAG 2.2 में नया है: failure; फ़ोकस वाला "Continue" बटन author-created कंटेंट, यानी sticky bar, के पीछे पूरी तरह छिप जाता है। अगर bar बटन का सिर्फ़ एक हिस्सा छिपाता, तो यह AA criterion पास होता; "कोई हिस्सा न छिपे" AAA criterion 2.4.12 Focus Not Obscured (Enhanced) है। O5 — Robust, 4.1.2 Name, Role, Value (A): failure; छहों inputs का कोई accessible name नहीं है, इसलिए दिखने वाला निर्देश स्क्रीन रीडर तक नहीं पहुँचता (कुछ टीमें साथ में 1.3.1 Info and Relationships भी दर्ज करती हैं)। O6 — Perceivable, 1.4.3 Contrast (Minimum) (AA): failure; #ffffff पर #8a8a8a का कंट्रास्ट अनुपात 3.45:1 है, और 14px regular टेक्स्ट large text नहीं है, इसलिए उसे कम से कम 4.5:1 चाहिए।

O7 — WCAG 2.2 failure नहीं। WCAG 2.2 में 4.1.1 Parsing obsolete और removed सूचीबद्ध है, और यह duplicate id कुछ और नहीं तोड़ता, क्योंकि पेज पर कुछ भी उसकी ओर इशारा नहीं करता। इसे developer को code-quality note के रूप में दें, एक्सेसिबिलिटी defect के रूप में नहीं, और पुराने टूल के 4.1.1 नतीजे गिनना बंद करें। O8 — target के विरुद्ध failure नहीं। 7:1 AAA criterion 1.4.6 Contrast (Enhanced) है; #ffffff पर #666666 का अनुपात 5.74:1 है, जो AA पर 1.4.3 पूरा करता है। नतीजा: छह failures (O1 से O6), जिनमें चार Level A के हैं, और दो observations जो defect नहीं हैं।

चरण 2. सिर्फ़ O5 और O6 ऐसी समस्याएँ हैं जिन्हें rule engine कोड और computed styles से तय करता है: बिना accessible name का फ़ॉर्म कंट्रोल, और कंट्रास्ट सीमा से नीचे टेक्स्ट। O6 पकड़ा गया था, लेकिन वह ज्ञात issues के baseline में है, इसलिए अब build लाल नहीं करता। O5 उसी तरह की समस्या है जो स्कैन पकड़ता है, लेकिन /book/verify स्कैन की सूची में नहीं है। O1 से O4 के लिए इंसान चाहिए: कोई फ़ंक्शन कीबोर्ड से चलता है या नहीं, यह आज़माना पड़ता है; रंग ही अकेला फ़र्क़ है या नहीं, यह दृश्य फ़ैसला है; rule engine जाँच सकता है कि lang मौजूद और valid है, लेकिन en एक valid मान है, और यह कि वह टेक्स्ट के लिए ग़लत भाषा है, सिर्फ़ इंसान सुनता है; और sticky bar फ़ोकस वाले element को छिपाता है, यह तभी दिखता है जब आप किसी ख़ास window size पर पेज में फ़ोकस आगे बढ़ाते हैं। इसलिए हरी pipeline का मतलब सिर्फ़ इतना है कि ऑटोमेटेड rules को उन चार पेजों पर कुछ नया नहीं मिला जिन्हें वे स्कैन करते हैं।

चरण 3. Conformance का कोई दावा नहीं हो सकता। Booking एक complete process है, और WCAG की conformance requirements कहती हैं कि जब पेज किसी प्रोसेस का एक चरण हो, तो प्रोसेस के सभी पेज दावे वाले लेवल पर conform करें; और conformance पूरे पेजों पर लागू होता है। कॉन्ट्रैक्ट हर public पेज को कवर करता है, इसलिए हर पेज के अरबी और अंग्रेज़ी दोनों संस्करण गिने जाते हैं। /book/slot O1 और O2 में फ़ेल है, /book/details O4 और O6 में, /book/verify O5 में, और हर अरबी पेज O3 में, इसलिए प्रोसेस Level A भी पूरा नहीं करता। /book/clinic और /book/done अंग्रेज़ी में अपने-आप में पास हो सकते हैं, लेकिन जब तक उनका प्रोसेस फ़ेल है, उन पर भी conformance का दावा नहीं हो सकता।

Release blockers, product owner और release manager के लिए सलाह के रूप में। O1: मुख्य journey रोकने वाली Level A failure को आमतौर पर release blocker माना जाता है, और यहाँ कीबोर्ड यूज़र — और कीबोर्ड संचालन पर निर्भर स्क्रीन रीडर, switch और वॉइस कंट्रोल यूज़र — समय नहीं चुन सकते, इसलिए बुक ही नहीं कर सकते। O3: अरबी default भाषा है, अरबी स्क्रीन रीडर यूज़र पूरी journey अंग्रेज़ी आवाज़ में सुनता है, और fix आमतौर पर पेज template में एक attribute है। O5 भी go-live से पहले ठीक होना चाहिए: code वाला चरण उसी journey का हिस्सा है और fix छोटा है। O2 और O4 भी कॉन्ट्रैक्ट के target पर फ़ेल हैं: इन्हें go-live से पहले ठीक करें, या टीम कॉन्ट्रैक्ट को ध्यान में रखते हुए इन्हें स्पष्ट रूप से स्वीकार, टिकट और शेड्यूल करे, जैसा O6 के लिए किया गया है (A11Y-41, release 3.3)। फ़ैसला जो भी हो, कारण के साथ दर्ज हो।

चरण 4, एक नमूना बग रिपोर्ट। Title: /book/slot पर time slots कीबोर्ड से focus या select नहीं होते। Criterion: 2.1.1 Keyboard (Level A), साथ में 4.1.2 Name, Role, Value (Level A)। Environment: staging, build 3.2.0-rc1; LAB-07, Windows 11, Chrome, सिर्फ़ कीबोर्ड, फिर NVDA के साथ Chrome, सटीक versions lab sheet से कॉपी किए हुए; अरबी और अंग्रेज़ी UI। Steps और key sequence: /book/slot खोलें, कीबोर्ड से एक डॉक्टर और एक तारीख़ चुनें, फिर Tab दबाएँ। Actual: फ़ोकस तारीख़ वाले फ़ील्ड से सीधे "Continue" पर जाता है; किसी slot पर फ़ोकस नहीं आता, और Enter या Space कुछ नहीं करते; NVDA browse mode slots को सादे टेक्स्ट की तरह पढ़ता है, जैसे "09:30", बिना role या state के। Expected: हर उपलब्ध slot कीबोर्ड से पहुँचा और चुना जा सके, और अपने समय, role और उपलब्ध या चुने होने की state के साथ announce हो। यूज़र पर असर: कीबोर्ड, स्क्रीन रीडर, switch device या वॉइस कंट्रोल इस्तेमाल करने वाले मरीज़ online appointment बुक नहीं कर सकते; journey 5 में से चरण 2 पर रुक जाती है। प्रस्तावित severity: Blocker, क्योंकि portal में मुख्य journey पूरी नहीं होती; priority product owner का फ़ैसला है, और go-live 18 अक्टूबर को है। Attachments: key sequence की screen recording और NVDA के speech viewer का टेक्स्ट। Developer के लिए संकेत: native <button> elements, या ARIA Authoring Practices pattern वाला radio group।

चरण 5. उमर को: अभी नहीं, और release notes में भी नहीं। Conformance claim पेजों के बारे में बयान है, और booking प्रोसेस में Level A और AA criteria के विरुद्ध छह failures हैं, जिनमें से चार को कोई rule engine नहीं पकड़ सकता; ग्रे का वह ज्ञात "shade" भी Level AA failure है, और हरी pipeline का मतलब सिर्फ़ इतना है कि ऑटोमेटेड rules को उन चार पेजों पर कुछ नया नहीं मिला जिन्हें वे स्कैन करते हैं। जो प्रकाशित हो सकता है वह तथ्यात्मक स्थिति है: release को WCAG 2.2 Level AA के विरुद्ध टेस्ट किया गया, खुली failures उनके टिकटों के साथ, और उन्हें ठीक करने की योजना। रामी को: सिर्फ़ कीबोर्ड इस्तेमाल करने वालों की संख्या पैमाना नहीं है। कीबोर्ड संचालन वह नींव है जिस पर स्क्रीन रीडर, switch और वॉइस कंट्रोल यूज़र निर्भर हैं, यह Level A की failure है जो booking रोकती है, और कॉन्ट्रैक्ट AA माँगता है। अगर टीम फिर भी इसे टालना चाहे, तो product owner के रूप में फ़ैसला उमर का है, और वह risk, टिकट और तारीख़ के साथ दर्ज होता है।

3.3 में यह न दोहराया जाए, इसके लिए: test environment को एक तय test code या SMS stub दें, ताकि end-to-end टेस्ट /book/verify तक पहुँचे और स्कैन प्रोसेस के हर पेज को कवर करे; A11Y-41 को योजना के अनुसार 3.3 में ठीक करें, ताकि baseline बढ़ने की बजाय घटे; UI वाली हर story में गाइड की एक्सेसिबिलिटी definition of done जोड़ें — कीबोर्ड पास, तय जोड़ी पर स्क्रीन रीडर smoke पास, ज़ूम और reflow, कंट्रास्ट, और हर locale में lang और dir; refinement में acceptance criteria में criterion नंबर लिखें, और डिज़ाइन review में सिर्फ़ रंग पर टिकी states और sticky elements जाँचें; booking journey को अरबी और अंग्रेज़ी दोनों में एक्सेसिबिलिटी regression suite में रखें; और हर release पर WCAG-EM sample का विशेषज्ञ मूल्यांकन प्लान करें, जिसमें हर complete process शामिल हो।

अगर आपके जवाब अलग हैं, तो उन्हें हर criterion के Understanding दस्तावेज़ से मिलाएँ। कुछ observations सही तौर पर दो criteria से जुड़ती हैं (O1, O5), और कोई टीम दर्ज कारण के साथ तय कर सकती है कि O3 release नहीं रोकता। जो स्वीकार्य नहीं है: criterion और लेवल के बिना finding, जो defect नहीं है उसे defect के रूप में रिपोर्ट करना, या हरी pipeline पर बना conformance का दावा।

इस topic में आपकी प्रगति

QA रोडमैप का हिस्सा

इस गाइड में बताए गए टूल्स

HTML में आम एक्सेसिबिलिटी समस्याएँ जाँचें — ग़ायब alt text, बिना label के fields, बिना नाम के buttons और links, ARIA errors, headings, contrast — WCAG 2.2 से जुड़ी हुई।

वैलिडेशन नया

Mutqan AI से किसी भी फ़ीचर के लिए अनुकूलित QA चेकलिस्ट (functional, UI, API, security, performance, accessibility, release) बनाएँ।

टेस्ट जनरेशन AI

Mutqan AI से बिखरे हुए विवरण से स्पष्ट और खोजने में आसान बग टाइटल बनाएँ।

बग विश्लेषण AI

मोटे-मोटे नोट्स को पूरी बग रिपोर्ट में बदलें: reproduce करने के स्टेप, अपेक्षित बनाम वास्तविक, environment, गंभीरता और attachments चेकलिस्ट।

बग विश्लेषण AI

i18n और RTL/LTR मिश्रण जाँचने के लिए एक ही रिकॉर्ड कई भाषाओं (अंग्रेज़ी, अरबी, हिंदी और अन्य) में जनरेट करें।

टेस्ट डेटा

लोकलाइज़ेशन टेस्टिंग के लिए अरबी नाम, पते, वाक्य, संख्याएँ (अरबी-हिंदसी अंक) और RTL edge case जनरेट करें।

टेस्ट डेटा

Mutqan Soft कैसे मदद कर सकता है

और गाइड

और गाइड
टेस्ट डिज़ाइन

कीबोर्ड एक्सेसिबिलिटी टेस्टिंग

कीबोर्ड एक्सेसिबिलिटी कैसे टेस्ट करें: WCAG 2.2 criteria, focus order और visibility, trap, skip link, APG key patterns, dialog, टेस्ट केस, डिफ़ेक्ट।

12 मिनट पढ़ने का समय
ऑटोमेशन

ऑटोमेटेड एक्सेसिबिलिटी टेस्टिंग

Automated एक्सेसिबिलिटी checks क्या तय कर सकते हैं और क्या नहीं, ACT rules, आम engines, unit, E2E और CI में checks, triage, baselines और WCAG-EM।

10 मिनट पढ़ने का समय
टेस्ट डिज़ाइन

स्क्रीन रीडर टेस्टिंग

स्क्रीन रीडर टेस्टिंग: semantics, accessible names, headings और landmarks, ARIA नियम, live regions, NVDA/VoiceOver/TalkBack रूटीन और डिफ़ेक्ट।

14 मिनट पढ़ने का समय
टेस्ट डिज़ाइन

एंड-टू-एंड प्रोडक्ट क्वालिटी एश्योरेंस

एंड-टू-एंड QA में क्या आता है — आवश्यकता समीक्षा, टेस्ट डिज़ाइन, फ़ंक्शनल, API, परफ़ॉर्मेंस और सुरक्षा टेस्टिंग, रिलीज़ गेट और मेट्रिक्स — और इसे कैसे चलाएँ।

11 मिनट पढ़ने का समय
टेस्ट डिज़ाइन

सुलभ फ़ॉर्म की टेस्टिंग

WCAG 2.2 के अनुसार वेब फ़ॉर्म की एक्सेसिबिलिटी कैसे टेस्ट करें: labels, required फ़ील्ड, grouping, errors, autocomplete, redundant entry और सुलभ लॉगिन।

14 मिनट पढ़ने का समय
टेस्ट डिज़ाइन

विज़ुअल एक्सेसिबिलिटी टेस्टिंग

WCAG 2.2 के अनुसार contrast, रंग का उपयोग, alt text, resize और reflow, text spacing, target size, motion और dark mode कैसे टेस्ट करें, checklists सहित।

11 मिनट पढ़ने का समय