रिसोर्स · 57

डायलॉग और कीबोर्ड: फोकस जर्नी को टेस्ट करें

उन इंटरफ़ेस में ओपनिंग, मूवमेंट, क्लोजिंग और कॉन्टेक्स्ट रेस्टोरेशन चेक करें जो किसी टास्क में रुकावट डालते हैं।

अपडेटेड · 7 min

यह गाइड क्या पाने में मदद करती है

  • सही कंपोनेंट चुनें
  • समझने लायक फोकस रखें
  • क्लोजिंग की अनुमति दें
  • कॉन्टेक्स्ट वापस लाएं

जल्दी से चेक करें

  • क्या एक मोडल ज़रूरी है?
  • फोकस खोलने पर कहाँ जाता है?
  • क्या बैकग्राउंड असल में इनर्ट है?
  • क्या कीबोर्ड से डायलॉग बंद हो सकता है?
  • अगर ट्रिगर गायब हो जाए तो फोकस कहाँ वापस आएगा?

स्टेप-बाय-स्टेप तरीका

  1. 1

    इंटरप्शन चुनें

    तय करें कि जानकारी को मोडल की ज़रूरत है या वह पेज में रह सकती है। मोडल डायलॉग, पैनल और मेनू को अलग करें। सही नेटिव एलिमेंट को प्राथमिकता दें और बिहेवियर चेक करें; ARIA रोल ऑटोमैटिकली इंटरैक्शन नहीं बनाता है।

    डिलीवरेबल: कॉम्पोनेंट का चुनाव और वजह।

  2. 2

    नाम और ओपन

    एक आसान नाम को दिखने वाली हेडिंग से कनेक्ट करें। फोकस को सही जगह पर रखें: स्ट्रक्चर्ड कंटेंट की शुरुआत में, काम के हिसाब से कोई काम का फील्ड या कोई सेफ एक्शन। ओपनिंग शुरू से स्क्रॉल करके दिखाई नहीं देनी चाहिए।

    डिलीवरेबल: टेस्ट की गई ओपनिंग।

  3. 3

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

    W3C के मोडल-डायलॉग पैटर्न में, Tab और Shift+Tab अंदर रहते हैं और बाहर का कंटेंट इनर्ट रहता है। दिखने वाले फोकस, लॉजिकल ऑर्डर और नेस्टेड कंट्रोल्स में कोई ट्रैप न होने की पुष्टि करें।

    डिलीवरेबल: फॉरवर्ड और रिवर्स नेविगेशन।

  4. 4

    बंद करें और रिस्टोर करें

    दिखने वाला क्लोजिंग और उम्मीद के मुताबिक एस्केप बिहेवियर दें। अगर ट्रिगर अब मौजूद नहीं है तो ट्रिगर या लॉजिकल स्टेप पर फोकस वापस करें। सबमिट करने के बाद, यूज़र्स को पता चलना चाहिए कि क्या बदला है और आगे क्या हो सकता है।

    डिलीवरेबल: फोकस और कॉन्टेक्स्ट रिस्टोर किया गया।

  5. 5

    गलतियों और स्पेस को टेस्ट करें

    लंबे मैसेज, इनवैलिड फ़ील्ड, मोबाइल कीबोर्ड और ज़ूम शामिल करें। स्क्रॉल करने से एक्शन या हेडिंग हमेशा के लिए छिपनी नहीं चाहिए। गलतियाँ समझने लायक और बिना डाली गई वैल्यू खोए पहुँचने लायक होनी चाहिए।

    डिलीवरेबल: नैरो-स्क्रीन एज केस।

  6. 6

    पेज में चेक करें

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

    डिलीवरेबल: एक्सेप्टेंस रिकॉर्ड और जानी-पहचानी लिमिट।

दोबारा इस्तेमाल होने वाली वर्कशीट

अपने ऑथराइज़्ड ऑब्ज़र्वेशन के साथ पूरा करें। ये फ़ील्ड एक वर्किंग टेम्पलेट हैं, देखे गए नतीजे नहीं।

फ़ील्डरिकॉर्ड करने के लिए जानकारी
ओपनिंगट्रिगर, हेडिंग और शुरुआती फोकस
जर्नीटैब, Shift+Tab, इनर्ट बैकग्राउंड और विज़िबल फोकस
क्लोजिंगएस्केप, बटन और लॉजिकल रिटर्न
लिमिट्सज़ूम, लंबा कंटेंट, गलतियाँ और मदद टेस्ट की गई

काल्पनिक काम का उदाहरण

उदाहरण वाली स्थिति

काल्पनिक उदाहरण: एक डायलॉग रो डिलीट होने की पुष्टि करता है और उसका ओपनिंग बटन गायब हो जाता है।

फैसला और उम्मीद का सबूत

पुष्टि के बाद, फोकस एक लॉजिकल अगले एलिमेंट या लिस्ट हेडिंग पर वापस आ जाता है, जिसमें एक घोषित रिजल्ट और एक विज़िबल अगला स्टेप होता है।

मैकेनिज़्म में अंतर बताएं

मैकेनिज़्ममकसदवेरिफ़िकेशन या लिमिटेशन
मोडल डायलॉगबाउंडेड टास्क के लिए इंटरप्टइनर्ट बैकग्राउंड और कंटेन्ड फोकस
नॉन-मोडल पैनलकॉन्टेक्स्ट उपलब्ध रखेंकोहेरेंट फोकस मूवमेंट
पेज सेक्शनकंटिन्यूइंग जानकारी प्रेजेंट करेंअक्सर कंसल्ट करना आसान होता है

मैनेजमेंट इंडिकेटर

इंडिकेटरयह क्या मापता हैपहला एक्शन
कीबोर्ड जर्नी पूरी की गईंपॉइंटर के बिना किए गए टास्कब्लॉकर्स को फिक्स करें
फोकस रिटर्न को ठीक करेंक्लोजर यूजफुल कॉन्टेक्स्ट को रिस्टोर करते हैंमिसिंग ट्रिगर्स को हैंडल करें
एज स्टेट्स को टेस्ट किया गयाज़ूम, एरर और लंबा कंटेंटडॉक्यूमेंट में कमी

आम गलतियाँ

  • इनर्ट कंटेंट के बिना एरिया-मोडल जोड़ना
  • क्लोजर के बाद फोकस खोना
  • क्लियर एग्जिट के बिना एस्केप को ब्लॉक करना
  • सिर्फ माउस ओपनिंग को टेस्ट करना

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

क्या एक नेटिव डायलॉग काफी है?

यह काम का बिहेवियर देता है, लेकिन नेमिंग, शुरुआती फोकस, कंटेंट, एरर और इंटीग्रेशन के लिए अभी भी टेस्टिंग की ज़रूरत होती है।

क्या पहले बटन पर फोकस होना चाहिए?

हमेशा नहीं। सही पॉइंट कंटेंट और टास्क पर निर्भर करता है, खासकर ऐसे फैसलों के लिए जिन्हें बदला न जा सके।

क्या ऑटोमेशन जर्नी को वैलिडेट कर सकता है?

यह कुछ डिफेक्ट्स का पता लगाता है, लेकिन कॉम्प्रिहेंशन, काम का ऑर्डर और रिस्टोर किए गए कॉन्टेक्स्ट को मैनुअल एक्सेप्टेंस की ज़रूरत होती है।

ऑफ़िशियल रेफ़रेंस

रेफ़रेंस इस तरीके को सपोर्ट करते हैं। अपने कॉन्टेक्स्ट के हिसाब से चेक को एडजस्ट करें; वे सर्टिफ़िकेशन नहीं हैं। ओरिजिनल रेफ़रेंस टाइटल और सोर्स डॉक्यूमेंट दूसरी भाषा में हो सकते हैं।

संदर्भ जाँच की तारीख .