Read in English

कंपोनेंट लाइब्रेरी

सुलभ पैटर्न 128 कॉपी करने लायक कंपोनेंट

डब्ल्यूसीएजी 2.2 के अनुसार बने इंटरफ़ेस कंपोनेंट, हर एक लाइव: इसे कीबोर्ड या स्क्रीन रीडर से इस्तेमाल करें और देखें कि इंस्पेक्टर सहायक तकनीक को बताई जा रही बातें कैसे दिखाता है। हर पैटर्न के साथ उसके कीबोर्ड नियम, अपेक्षित घोषणाएँ, आम गलतियाँ और वह कोड है जिस पर वह चलता है।

पैटर्न
128
श्रेणियाँ
12
शामिल डब्ल्यूसीएजी मानदंड
55
पैटर्न देखें ये कैसे बनाए गए हैं डब्ल्यूसीएजी संदर्भ

ब्राउज़ करें

हर पैटर्न

नाम से, वह क्या करता है उससे, या डब्ल्यूसीएजी मानदंड से खोजें, या किसी श्रेणी से शुरू करें। हर कार्ड एक चलता हुआ कंपोनेंट खोलता है, उसके कीबोर्ड नियमों और कोड के साथ।

नेविगेशन

13 पैटर्न

साइट में और पेज के भीतर इधर-उधर जाना।

  • स्किप लिंक

    पेज के सबसे ऊपर के लिंक, जिनसे कीबोर्ड इस्तेमाल करने वाले हेडर को लाँघकर सीधे सामग्री या सर्च तक पहुँच जाते हैं।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:2.4.12.1.12.4.3+3

    3 कीबोर्ड नियम

  • ब्रेडक्रंब

    होम पेज से मौजूदा पेज तक लिंक की एक कड़ी, ताकि लोग देख सकें कि वे कहाँ हैं और एक-एक स्तर ऊपर लौट सकें।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.10+3

    3 कीबोर्ड नियम

  • सबमेन्यू वाला साइट नेविगेशन

    हेडर का नेविगेशन, जिसके सेक्शन लिंक की सूचियाँ खोलते हैं, एआरआईए मेन्यू से नहीं, बटन और लिंक से बना।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+3

    6 कीबोर्ड नियम

  • मेगा मेन्यू

    नेविगेशन का एक बटन जो समूहों में बँटे लिंक, उनके छोटे विवरण और एक खास आइटम वाला चौड़ा पैनल खोलता है।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.11.3.21.4.10+3

    4 कीबोर्ड नियम

  • मोबाइल नेविगेशन ड्रॉअर

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

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.1.2+3

    4 कीबोर्ड नियम

  • टैब

    एक ही जगह कई पैनल, एक बार में एक दिखता है, जिसे टैब की एक पंक्ति से चुना जाता है।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+2

    4 कीबोर्ड नियम

  • खड़े टैब

    किनारे की पट्टी में एक के नीचे एक लगे टैब, जैसे किसी सेटिंग्स पेज में, जिनमें ऊपर और नीचे की ऐरो कुंजियों से चला जाता है।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+3

    4 कीबोर्ड नियम

  • पेजिनेशन

    नाम वाले नेविगेशन में पेज लिंक, जो हर पेज का नाम बताते हैं, मौजूदा पेज को चिह्नित करते हैं और सूची बदलने पर बताते हैं।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.4.4+3

    2 कीबोर्ड नियम

  • विषय-सूची

    "इस पेज पर" सूची जो हर हिस्से पर ले जाती है, फ़ोकस वहाँ पहुँचाती है, और उस हिस्से को चिह्नित करती है जिसे आप पढ़ रहे हैं।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+4

    5 कीबोर्ड नियम

  • साइडबार नेविगेशन

    ऐप का साइडबार, जिसमें खुलने-बंद होने वाले लिंक समूह हैं, और एक सिमटी हुई आइकन पट्टी जिसमें हर लिंक का नाम बना रहता है।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.13+3

    5 कीबोर्ड नियम

  • ऊपर लौटें

    एक बटन जो नीचे स्क्रॉल करने के बाद दिखता है, आपको वापस ऊपर ले जाता है और फ़ोकस पहली हेडिंग पर रखता है।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:2.1.12.3.32.4.3+3

    3 कीबोर्ड नियम

  • भाषा स्विचर

    एक बटन जो भाषाओं की सूची खोलता है, जिसमें हर भाषा अपनी ही भाषा में लिखी है और lang व hreflang से चिह्नित है।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+3

    5 कीबोर्ड नियम

  • ऐसे लिंक जो बताएँ कि वे कहाँ ले जाते हैं

    ऐसे लिंक जिनके शब्द बताते हैं कि वे कहाँ ले जाते हैं: टेक्स्ट में, दूसरी साइट पर, किसी डाउनलोड पर, और साफ़-साफ़ बताने वाला "और पढ़ें"।

    नेविगेशन

    डब्ल्यूसीएजी मानदंड:1.4.12.4.42.4.9+4

    3 कीबोर्ड नियम

बटन और क्रियाएँ

11 पैटर्न

कुछ करने वाले कंट्रोल, अकेले या समूह में।

  • बटन

    चार वैरिएंट और तीन आकारों में नेटिव बटन, ऐसी लोडिंग स्थिति के साथ जो फ़ोकस बनाए रखती है और ऐसी बंद स्थिति के साथ जो कारण बताती है।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.4.12.1.12.4.7+4

    4 कीबोर्ड नियम

  • आइकन बटन

    सिर्फ़ आइकन दिखाने वाले बटन, aria-label से नामित, 44 पिक्सेल के चौकोर, होवर और फ़ोकस पर नाम दोहराने वाले टूलटिप के साथ।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.1.11.4.111.4.13+4

    3 कीबोर्ड नियम

  • टॉगल बटन

    बोल्ड या म्यूट जैसे बटन जो चालू या बंद रहते हैं, जिनकी स्थिति aria-pressed बताता है और लेबल वही रहता है।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.4.11.4.112.1.1+3

    3 कीबोर्ड नियम

  • मेन्यू बटन

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

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+4

    8 कीबोर्ड नियम

  • स्प्लिट बटन

    एक मुख्य काम, जुड़े हुए विकल्प खोलने वाले तीर के साथ: दो बटन, दो टैब स्टॉप, दो साफ़ नाम।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.4.112.1.12.4.3+4

    7 कीबोर्ड नियम

  • टूलबार

    नियंत्रणों की एक नामित पंक्ति जो टैब क्रम में एक ही पड़ाव है, और जिसमें ऐरो कुंजियाँ संरेखण, आकार और रंग के बीच ले जाती हैं।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.13+4

    7 कीबोर्ड नियम

  • कॉन्टेक्स्ट मेनू

    किसी एक आइटम के एक्शन का मेन्यू, जो राइट-क्लिक, Shift+F10 या Menu कुंजी से खुलता है, और हमेशा एक दिखने वाले बटन से भी।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+3

    6 कीबोर्ड नियम

  • कमांड पैलेट

    कमांड की खोजने लायक सूची, जो Ctrl+K या एक बटन से खुलती है, टाइप करते ही छँटती है और हाइलाइट वाली कमांड चलाती है।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+4

    7 कीबोर्ड नियम

  • सेगमेंटेड कंट्रोल

    कुछ व्यू में से एक चुनने के लिए जुड़े हुए हिस्सों की एक पंक्ति, जो fieldset के अंदर असली रेडियो बटन से बनी है।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.11+4

    4 कीबोर्ड नियम

  • क्लिपबोर्ड पर कॉपी करें

    एक बटन जो कमांड, कुंजी या लिंक कॉपी करता है, बटन पर और स्टेटस मैसेज में इसकी पुष्टि करता है, और नाकाम होने पर बताता है कि क्या करें।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+3

    3 कीबोर्ड नियम

  • पहले जैसा करने के विकल्प के साथ डिलीट

    पहले पक्का है? पूछने की जगह तुरंत डिलीट करें, और एक टोस्ट में पहले जैसा करें दें जो आपके इस्तेमाल करते समय रुका रहता है।

    बटन और क्रियाएँ

    डब्ल्यूसीएजी मानदंड:2.1.12.2.12.4.3+3

    5 कीबोर्ड नियम

ओवरले

9 पैटर्न

पेज के ऊपर खुलने वाली सामग्री: डायलॉग, ड्रॉअर, पॉपओवर, टूलटिप।

  • मोडल डायलॉग

    पेज के ऊपर खुलने वाली एक विंडो, जो बंद होने तक फ़ोकस अपने पास रखती है, नेटिव dialog एलिमेंट पर बनी।

    ओवरले

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.1.2+4

    4 कीबोर्ड नियम

  • अलर्ट डायलॉग

    एक मोडल जो किसी ऐसे काम की पुष्टि के लिए रुकता है जिसे पलटा नहीं जा सकता, फ़ोकस सुरक्षित जवाब पर और नुकसान सीधे शब्दों में।

    ओवरले

    डब्ल्यूसीएजी मानदंड:1.3.12.4.33.3.1+3

    4 कीबोर्ड नियम

  • ड्रॉअर

    स्क्रीन के किनारे से सरककर आने वाला पैनल, कार्ट, फ़िल्टर या सेटिंग्स के लिए, मोडल डायलॉग पर बना।

    ओवरले

    डब्ल्यूसीएजी मानदंड:1.3.12.1.22.4.3+4

    5 कीबोर्ड नियम

  • बॉटम शीट

    निचले किनारे से ऊपर उठने वाला पैनल, कुछ विकल्पों के लिए, क्लोज़ बटन और हर जेस्चर के लिए एक बटन के साथ।

    ओवरले

    डब्ल्यूसीएजी मानदंड:2.1.12.4.32.5.1+4

    5 कीबोर्ड नियम

  • पॉपओवर

    अपने बटन से जुड़ा एक कार्ड, जो popover एट्रिब्यूट से खुलता है और Escape या बाहर क्लिक करने पर बंद होता है।

    ओवरले

    डब्ल्यूसीएजी मानदंड:1.3.21.4.102.1.1+3

    4 कीबोर्ड नियम

  • टूलटिप

    एक छोटा लेबल या संकेत जो होवर और कीबोर्ड फ़ोकस पर दिखता है, पढ़ते समय बना रहता है, और Escape दबाने पर छिप जाता है।

    ओवरले

    डब्ल्यूसीएजी मानदंड:1.1.11.4.132.1.1+2

    2 कीबोर्ड नियम

  • टॉगलटिप

    एक जानकारी बटन जो दबाने पर एक छोटा नोट दिखाता है और उसे बुलवाता भी है, उस मदद के लिए जो लेबल में नहीं समाती।

    ओवरले

    डब्ल्यूसीएजी मानदंड:1.1.12.1.12.5.8+3

    3 कीबोर्ड नियम

  • नॉन-मोडल डायलॉग

    एक पैनल जो पेज को रोके बिना उसके बगल में खुलता है, उस मदद या टूल के लिए जिसे लोग काम करते-करते इस्तेमाल करते हैं।

    ओवरले

    डब्ल्यूसीएजी मानदंड:2.1.12.1.22.4.3+3

    4 कीबोर्ड नियम

  • इमेज लाइटबॉक्स

    थंबनेल की एक ग्रिड जो हर तस्वीर को एक मोडल व्यूअर में बड़ा खोलती है, उसके कैप्शन, alt टेक्स्ट और आगे बढ़ने के लिए ऐरो कुंजियों के साथ।

    ओवरले

    डब्ल्यूसीएजी मानदंड:1.1.12.1.12.1.2+4

    5 कीबोर्ड नियम

डिस्क्लोज़र और सामग्री

10 पैटर्न

फैलने, घूमने या समूह बनाने वाली सामग्री।

  • अकॉर्डियन

    एक के नीचे एक हेडिंग, जिनमें से हर एक अपना पैनल दिखाती या छिपाती है, ताकि लंबा पेज एक छोटी सूची जैसा पढ़ा जाए।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+2

    4 कीबोर्ड नियम

  • और दिखाएँ

    एक बटन जो लंबे टेक्स्ट का बाक़ी हिस्सा उसी जगह खोल देता है, और छिपा हिस्सा पेज में खोज की पहुँच में बना रहता है।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:1.3.22.1.12.4.3+3

    2 कीबोर्ड नियम

  • सामान्य प्रश्न

    विषय के हिसाब से समूहों में सवाल जो अपने जवाब खोलते हैं, लाइव खोज, सभी खोलें, और किसी भी सवाल को खोलने वाले लिंक के साथ।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+3

    4 कीबोर्ड नियम

  • कैरोसेल

    घूमती स्लाइडें, रोकने, पिछली, अगली और स्लाइड चुनने के बटन के साथ, जो किसी के पढ़ते या इस्तेमाल करते समय रुकी रहती हैं।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:2.2.22.1.12.4.3+4

    4 कीबोर्ड नियम

  • कार्ड

    ऐसे कार्ड जिनके शीर्षक का लिंक पूरे कार्ड को ढकता है, और सहेजें व शेयर करें बटन उसके ऊपर पहुँच में बने रहते हैं।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:1.3.11.3.22.4.4+4

    3 कीबोर्ड नियम

  • टाइमलाइन

    क्रमबद्ध सूची के रूप में ऑर्डर ट्रैकिंग: हर चरण अपने समय के साथ, स्थिति शब्दों और आइकन में, और पुरानी घटनाएँ एक बटन के पीछे।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:1.3.11.3.21.4.1+2

    2 कीबोर्ड नियम

  • कॉलआउट

    टेक्स्ट से अलग रखे गए नोट, सुझाव, चेतावनियाँ, सफलताएँ और ख़तरे, हर एक के साथ एक आइकन और एक शब्द जो बताता है कि वह क्या है।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.3+4

    2 कीबोर्ड नियम

  • फ़ुटनोट

    टेक्स्ट में क्रमांकित संदर्भ जो अंत के नोट्स पर ले जाते हैं, और हर नोट में लिंक जो वापस ले आते हैं।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+2

    3 कीबोर्ड नियम

  • कोड ब्लॉक

    एक कोड नमूना, उसकी भाषा, कॉपी बटन, पंक्तियाँ लपेटने का स्विच और ऐसे पंक्ति क्रमांक जो न कभी पढ़े जाते हैं, न कॉपी होते हैं।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:1.3.11.4.31.4.10+3

    4 कीबोर्ड नियम

  • शब्दावली शब्द

    चलते टेक्स्ट में तकनीकी शब्द जो वहीं एक छोटी परिभाषा खोलते हैं, और जिनके पीछे दोनों ओर लिंक वाली पूरी शब्दावली है।

    डिस्क्लोज़र और सामग्री

    डब्ल्यूसीएजी मानदंड:1.3.11.4.132.1.1+4

    4 कीबोर्ड नियम

फ़ॉर्म इनपुट

22 पैटर्न

मान डालने और चुनने के लिए अकेले कंट्रोल।

  • टेक्स्ट फ़ील्ड

    दिखने वाले लेबल, इनपुट से जुड़े संकेत और त्रुटियाँ, सही कीबोर्ड और ऑटोफ़िल, और सुनाई देने वाली इकाइयों वाले टेक्स्ट फ़ील्ड।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.3.51.4.1+4

    3 कीबोर्ड नियम

  • अक्षर गिनती वाला टेक्स्ट एरिया

    दिखती अक्षर गिनती वाला टेक्स्ट एरिया, जो सिर्फ़ तय पड़ावों पर बोलता है, टेक्स्ट कभी नहीं काटता, और सीमा पार होने पर भेजना रोक देता है।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.13.3.1+3

    3 कीबोर्ड नियम

  • पासवर्ड फ़ील्ड

    पासवर्ड इनपुट, जिसमें फ़ोकस को अपनी जगह रखने वाला दिखाएँ टॉगल, लाइव शर्तों की चेकलिस्ट और Caps Lock की चेतावनी है।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.3.51.4.1+4

    4 कीबोर्ड नियम

  • चेकबॉक्स

    आपके डिज़ाइन के हिसाब से बनाए गए नेटिव चेकबॉक्स, पूरी पंक्ति वाले लक्ष्य, हर विकल्प का विवरण, एक मिश्रित स्थिति और एक ज़रूरी चेकबॉक्स।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.11+4

    4 कीबोर्ड नियम

  • सभी चुनें वाला चेकबॉक्स समूह

    जुड़े हुए चेकबॉक्स का fieldset, जिसमें मिश्रित स्थिति दिखाने वाला सभी चुनें बॉक्स और चुनी गई चीज़ों की लाइव गिनती है।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.11+3

    4 कीबोर्ड नियम

  • रेडियो ग्रुप

    fieldset में नेटिव रेडियो बटन, नए रूप में और ऐसे बिंदु के साथ जिसका कंट्रास्ट बना रहता है, हर विकल्प के साथ विवरण और कीमत।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.11+4

    5 कीबोर्ड नियम

  • रेडियो कार्ड

    प्लान चुनने का ऐसा तरीका जिसमें हर विकल्प एक बड़ा कार्ड है, नेटिव रेडियो बटन से बना, ताकि ऐरो कुंजियाँ, फ़ोकस और स्थिति अपने आप मिलें।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.11+4

    5 कीबोर्ड नियम

  • स्विच

    तुरंत असर करने वाली सेटिंग के लिए चालू और बंद करने का कंट्रोल, switch भूमिका वाले चेकबॉक्स पर बना।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.11+4

    2 कीबोर्ड नियम

  • सिलेक्ट

    लेबल, संकेत, क्षेत्र के समूह, प्लेसहोल्डर और ज़रूरी-फ़ील्ड त्रुटि वाला सजाया हुआ नेटिव select, जिसे ब्राउज़र बनाता है।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.112.1.1+4

    6 कीबोर्ड नियम

  • लिस्टबॉक्स

    विकल्पों की एक सूची जिसमें से एक या कई चुने जा सकते हैं, ऐरो कुंजियों, टाइप करके पहुँचने और चुने गए की गिनती के साथ।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+3

    7 कीबोर्ड नियम

  • ऑटोकम्प्लीट वाला कॉम्बोबॉक्स

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

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+4

    7 कीबोर्ड नियम

  • टैग वाला मल्टी-सेलेक्ट

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

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+4

    7 कीबोर्ड नियम

  • डेट पिकर

    एक तारीख़ फ़ील्ड जो टाइप की गई तारीख़ लेता है या कैलेंडर डायलॉग खोलता है, जिसमें महीने का ग्रिड ऐरो कुंजियों से चलता है।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+4

    9 कीबोर्ड नियम

  • टाइम पिकर

    सुझाए गए समय एक रेडियो ग्रुप के रूप में, बुक हो चुके समय कारण के साथ निष्क्रिय, और किसी भी दूसरे समय के लिए नेटिव टाइम फ़ील्ड।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+4

    6 कीबोर्ड नियम

  • नंबर इनपुट

    माइनस और प्लस बटन वाला मात्रा फ़ील्ड, ऐरो कुंजियों से कदम, अपनी सीमाएँ समझाता हुआ, और साथ-साथ बदलता कुल योग।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.5.8+4

    5 कीबोर्ड नियम

  • स्लाइडर

    भरे हुए ट्रैक और बड़े थंब के साथ सजाया गया नेटिव रेंज इनपुट, जिसका मान इकाई के साथ बोला जाता है, और साथ-साथ चलता नंबर फ़ील्ड।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.11.4.112.1.1+4

    6 कीबोर्ड नियम

  • रेंज स्लाइडर

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

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.5.7+4

    6 कीबोर्ड नियम

  • फ़ाइल अपलोड

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

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.5.3+4

    3 कीबोर्ड नियम

  • वन-टाइम कोड

    एक असली फ़ील्ड में डाला जाने वाला वन-टाइम कोड, जो छह बॉक्स जैसा दिखता है, ताकि पेस्ट, ऑटोफ़िल और पासवर्ड मैनेजर, सब काम करें।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.52.2.13.2.2+4

    6 कीबोर्ड नियम

  • सर्च फ़ील्ड

    नाम वाला एक सर्च लैंडमार्क, जिसमें साफ़ करने का बटन, हाल की खोजें, और नतीजों की गिनती है जो फ़ोकस हिलाए बिना घोषित होती है।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.3.12.4.62.4.3+4

    4 कीबोर्ड नियम

  • कलर पिकर

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

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.1.11.4.11.4.11+4

    5 कीबोर्ड नियम

  • स्टार रेटिंग

    एक fieldset में पाँच रेडियो बटन से बनी स्टार रेटिंग, होवर पर झलक के साथ, और शब्दों में लिखा केवल पढ़ने लायक औसत।

    फ़ॉर्म इनपुट

    डब्ल्यूसीएजी मानदंड:1.1.11.3.11.4.1+4

    5 कीबोर्ड नियम

फ़ॉर्म और फ़्लो

10 पैटर्न

पूरे फ़ॉर्म और वे सफ़र जिनका वे हिस्सा हैं।

  • फ़ॉर्म त्रुटियाँ

    एक त्रुटि सारांश जो फ़ोकस लेता है, हर फ़ील्ड से जुड़े संदेश, और फ़ॉर्म भेजने पर एक स्थिति संदेश।

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:1.3.11.3.53.3.1+4

    5 कीबोर्ड नियम

  • इनलाइन जाँच

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

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:1.3.11.3.51.4.1+4

    4 कीबोर्ड नियम

  • कई चरणों वाला फ़ॉर्म

    चार चरणों में बँटा एक चेकआउट, प्रगति की सूची के साथ, हर चरण पर फ़ोकस लेने वाली हेडिंग, और जवाब बदलने के लिए एक समीक्षा।

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:1.3.11.3.52.4.3+5

    5 कीबोर्ड नियम

  • पते का फ़ॉर्म

    सही ऑटोफ़िल वाले बिलिंग और डिलीवरी पते, देश के हिसाब से बदलते फ़ॉर्मैट, पिन कोड से खोज और बिलिंग जैसा ही।

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:1.3.11.3.53.2.2+4

    4 कीबोर्ड नियम

  • भुगतान फ़ॉर्म

    एक कार्ड भुगतान फ़ॉर्म जो टाइप करते ही नंबर में जगह छोड़ता है, कार्ड ब्रांड का नाम शब्दों में बताता है, सुरक्षा कोड समझाता है और प्रगति दिखाता है।

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:1.3.11.3.52.5.3+4

    5 कीबोर्ड नियम

  • साइन इन करें

    एक साइन-इन फ़ॉर्म जिसे पासवर्ड मैनेजर भर सकें, पासवर्ड दिखाने, पेस्ट करने की छूट, मददगार त्रुटि और बिना पासवर्ड वाले रास्तों के साथ।

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:1.3.52.4.33.3.1+4

    4 कीबोर्ड नियम

  • साइन अप

    ऑटोफ़िल वाला खाता फ़ॉर्म, एक पासवर्ड चेकलिस्ट जो सिर्फ़ नियम बदलने पर बोलती है, पासवर्ड दिखाने का बटन और त्रुटियों का सारांश।

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:1.3.51.4.13.3.1+4

    4 कीबोर्ड नियम

  • सेशन टाइमआउट चेतावनी

    निष्क्रिय सेशन ख़त्म होने से पहले एक चेतावनी, दिखती उलटी गिनती के साथ, साइन इन रहें डिफ़ॉल्ट रूप से, और समय ख़त्म होने पर कुछ भी नहीं खोता।

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:2.2.12.2.52.2.6+3

    5 कीबोर्ड नियम

  • कुकी सहमति

    एक कुकी बैनर जो पेज के ऊपर नहीं, उसके अंदर रहता है, बराबर वज़न वाले स्वीकार, अस्वीकार और प्रबंधन बटनों और वापस आने के रास्ते के साथ।

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:1.3.12.1.22.4.3+3

    5 कीबोर्ड नियम

  • खोज फ़िल्टर

    उत्पाद फ़िल्टर पैनल: गिनती वाले समूहबद्ध चेकबॉक्स, कीमत की सीमा, क्रम, हटाए जा सकने वाले चिप और घोषित होने वाली नतीजों की गिनती।

    फ़ॉर्म और फ़्लो

    डब्ल्यूसीएजी मानदंड:1.3.12.4.33.2.2+4

    5 कीबोर्ड नियम

फ़ीडबैक और स्थिति

11 पैटर्न

लोगों को बताना कि क्या हुआ, क्या हो रहा है, और काम कितना आगे बढ़ा।

  • अलर्ट बैनर

    चार टोन वाले संदेश, हर एक के साथ एक शब्द और एक आइकन, और role=alert सिर्फ़ उन त्रुटियों के लिए जो किसी के काम करते समय होती हैं।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.4.3+3

    3 कीबोर्ड नियम

  • टोस्ट सूचनाएँ

    कोने में दिखने वाले छोटे संदेश, जिनकी घोषणा विनम्रता से होती है, जो कभी फ़ोकस नहीं लेते, और जब तक आप उन्हें पढ़ें या उन पर कुछ करें, रुके रहते हैं।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.2.1+4

    4 कीबोर्ड नियम

  • स्टेटस मैसेज

    नतीजे, पुष्टियाँ और सेव role=status के ज़रिए स्क्रीन रीडर को बताए जाते हैं, फ़ोकस हिलाए बिना, हर बार एक ही बार।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.3.12.5.33.2.2+2

    4 कीबोर्ड नियम

  • प्रोग्रेस बार

    नेटिव progress एलिमेंट पर तय और अनिश्चित प्रगति, एक लेबल, दिखने वाली संख्याओं और पड़ावों की घोषणाओं के साथ।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.3.11.4.112.3.3+2

    4 कीबोर्ड नियम

  • लोडिंग स्थिति

    फ़ोकस न खोने वाला व्यस्त बटन, लोड होते समय व्यस्त चिह्नित क्षेत्र, शब्दों वाला स्पिनर, और देर होने पर एक सूचना।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.3.12.3.32.4.3+2

    3 कीबोर्ड नियम

  • स्केलेटन लोडर

    प्लेसहोल्डर आकार जो सामग्री लोड होने तक लेआउट थामे रखते हैं, स्क्रीन रीडर से छिपे हुए, और सामग्री आने पर एक संदेश के साथ।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.3.12.3.34.1.3

    2 कीबोर्ड नियम

  • मीटर

    किसी तय दायरे के भीतर किसी मान का गेज, जैसे इस्तेमाल हुआ स्टोरेज या बची हुई बैटरी, जिसकी स्थिति रंग के साथ-साथ शब्दों में भी लिखी होती है।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.4.31.3.11.4.1+3

    5 कीबोर्ड नियम

  • बैज और गिनती

    ऐसी गिनतियाँ और स्थिति-लेबल जो अपना अर्थ शब्दों में रखते हैं: बटन के नाम के भीतर गिनती, और आइकन व टेक्स्ट वाली पिल।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.1.11.3.11.4.1+4

    4 कीबोर्ड नियम

  • ख़ाली स्थिति

    जब किसी सूची में कुछ न हो तब क्या दिखाएँ: वह ख़ाली क्यों है, और उसे भरने वाला एक काम, बदलने पर घोषित किया हुआ।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.1.11.3.12.4.3+3

    7 कीबोर्ड नियम

  • त्रुटि पेज

    404, 500 या ऑफ़लाइन पेज जो सीधे शब्दों में बताता है कि क्या हुआ, आगे का रास्ता पास रखता है, और कभी अपने-आप रीलोड नहीं होता।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.1.11.3.12.4.3+4

    4 कीबोर्ड नियम

  • प्रगति के चरण

    क्रमांकित चरणों की एक पंक्ति जो बताती है कि कौन-से पूरे हुए, कौन-सा वर्तमान है और कौन-से अभी बाक़ी हैं, आगे-पीछे जाने के लिए वापस और अगला के साथ।

    फ़ीडबैक और स्थिति

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.10+3

    4 कीबोर्ड नियम

डेटा प्रदर्शन

13 पैटर्न

टेबल, ग्रिड, ट्री, चार्ट और सूचियाँ।

  • क्रमबद्ध होने वाली तालिका

    कैप्शन, पंक्ति हेडर, क्रम बताने वाले सॉर्ट बटन, और मिश्रित स्थिति वाले सभी चुनें के साथ पंक्तियाँ चुनने वाली डेटा तालिका।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.3.11.4.102.1.1+4

    4 कीबोर्ड नियम

  • रिस्पॉन्सिव तालिका

    एक तालिका, संकरी स्क्रीन में समाने के तीन तरीके: लेबल वाले रीजन में स्क्रॉल करें, पंक्तियों को कार्ड बनाएँ, या कम ज़रूरी कॉलम छिपाएँ।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.3.11.3.21.4.10+3

    3 कीबोर्ड नियम

  • डेटा ग्रिड

    स्प्रेडशीट जैसा ग्रिड, एक टैब स्टॉप के साथ: ऐरो कुंजियाँ सेल के बीच ले जाती हैं, Enter कोई राशि बदलता है, और कुल की घोषणा होती है।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+4

    8 कीबोर्ड नियम

  • ट्री व्यू

    फ़ाइल एक्सप्लोरर जैसा ट्री: एक टैब स्टॉप, खोलने, बंद करने और चलने के लिए ऐरो कुंजियाँ, टाइप करके पहुँचना, और चुनी गई फ़ाइल का विवरण पैनल।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+3

    7 कीबोर्ड नियम

  • विवरण सूची

    dl, dt और dd में नाम और मान के जोड़े: एक ऑर्डर सारांश और एक प्रोफ़ाइल कार्ड, ऐसे बदलें लिंक के साथ जो बताते हैं कि वे क्या बदलते हैं।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.3.11.3.21.4.10+3

    2 कीबोर्ड नियम

  • सुलभ बार चार्ट

    एक कॉलम चार्ट जिसे बिना देखे भी पढ़ा जा सके: एक टैब स्टॉप पर नाम वाले बार, अपनी जगह टिका रहने वाला टूलटिप, और एक तालिका।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.1.11.3.11.4.1+4

    5 कीबोर्ड नियम

  • सुलभ लाइन चार्ट

    एक लाइन चार्ट जिसका क्रॉसहेयर कीबोर्ड से चलाया जा सकता है, हर दिन पढ़कर सुनाया जाता है, शिखर चिह्नित है और पीछे एक तालिका है।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.1.11.3.11.4.1+4

    6 कीबोर्ड नियम

  • कैलेंडर

    एक टैब स्टॉप वाले ग्रिड में महीने भर के इवेंट, शब्दों में चिह्नित आज का दिन, नीचे दिन के इवेंट, और एक सूची दृश्य।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+4

    7 कीबोर्ड नियम

  • कानबान बोर्ड

    कॉलम में कार्डों का बोर्ड, जिन्हें माउस से खींचा जा सकता है, मेन्यू से ले जाया जा सकता है, या कीबोर्ड से उठाकर ले जाया जा सकता है।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+4

    7 कीबोर्ड नियम

  • तुलना टेबल

    एक असली टेबल में आमने-सामने प्लान: प्लान और फ़ीचर के हेडर, शब्दों वाले टिक, और एक फ़िल्टर जो बताता है कि उसने क्या छिपाया।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.3.11.4.11.4.10+4

    4 कीबोर्ड नियम

  • और लोड करने वाली फ़ीड

    पोस्ट की एक धारा जिसे लोग क्रम से पढ़ते हैं, पोस्ट-दर-पोस्ट चलने की कीज़, और लोड करें बटन, और इंतज़ार करती नई पोस्ट के साथ।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.2.2+4

    6 कीबोर्ड नियम

  • आँकड़ों वाले कार्ड

    कार्ड में मुख्य आँकड़े, हर एक के साथ हेडिंग, शब्दों और तीर में उसका बदलाव, और अवधि बदलने वाला स्विच जो एक ही बार बोलता है।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.1.11.3.11.4.1+4

    3 कीबोर्ड नियम

  • अवतार और उपस्थिति

    लोगों की तस्वीरें और नाम के पहले अक्षर: अकेले हों तो नाम के साथ, नाम के बगल में हों तो छिपे हुए, और उपस्थिति शब्दों में।

    डेटा प्रदर्शन

    डब्ल्यूसीएजी मानदंड:1.1.11.4.11.4.3+3

    4 कीबोर्ड नियम

मीडिया

7 पैटर्न

इमेज, वीडियो, ऑडियो और उनके विकल्प।

  • इमेज के विकल्प

    चार तरह की इमेज और हर एक के लिए ज़रूरी alt टेक्स्ट, ग़लत होने पर स्क्रीन रीडर क्या कहता है, और एक निर्णय वृक्ष।

    मीडिया

    डब्ल्यूसीएजी मानदंड:1.1.11.3.11.4.5+3

    4 कीबोर्ड नियम

  • जटिल इमेज

    एक चार्ट, जिसका छोटा alt उसकी मुख्य बात बताता है, एक डिस्क्लोज़र में लंबा विवरण है, और बगल की तालिका में उसका डेटा।

    मीडिया

    डब्ल्यूसीएजी मानदंड:1.1.11.3.11.4.1+2

    2 कीबोर्ड नियम

  • वीडियो प्लेयर

    कस्टम वीडियो कंट्रोल जो सब कीबोर्ड से चलते हैं, कैप्शन, ट्रांसक्रिप्ट, गति और फ़ुल स्क्रीन के साथ, और बिना ऑटोप्ले।

    मीडिया

    डब्ल्यूसीएजी मानदंड:1.2.21.2.31.4.2+4

    6 कीबोर्ड नियम

  • ऑडियो प्लेयर

    लेबल वाले कंट्रोल, सही जगह ले जाने वाले अध्याय, साथ चलने वाले ट्रांसक्रिप्ट वाला पॉडकास्ट प्लेयर, जो लोड होने पर कुछ नहीं चलाता।

    मीडिया

    डब्ल्यूसीएजी मानदंड:1.2.11.4.22.1.1+3

    6 कीबोर्ड नियम

  • रोकने के बटन वाली चलती सामग्री

    एक बैकग्राउंड लूप, एक न्यूज़ टिकर, एक एनिमेशन और एक आवाज़, हर एक का अपना रोकें या चलाएँ बटन, और कम मोशन में सब स्थिर।

    मीडिया

    डब्ल्यूसीएजी मानदंड:2.2.21.4.21.1.1+4

    5 कीबोर्ड नियम

  • आइकन

    सजावट वाले आइकन, अर्थ रखने वाले आइकन और ख़ुद पूरा नियंत्रण बनने वाले आइकन, हर एक सही तरीके से उजागर।

    मीडिया

    डब्ल्यूसीएजी मानदंड:1.1.11.4.112.4.4+3

    3 कीबोर्ड नियम

  • टेक्स्ट विकल्प वाला मैप

    कीबोर्ड से चलने वाला दुकानों का मैप, ज़ूम और खिसकाने के बटनों के साथ, और वही दुकानें हमेशा एक सूची में लिखी हुई।

    मीडिया

    डब्ल्यूसीएजी मानदंड:1.1.12.1.12.4.3+4

    6 कीबोर्ड नियम

इंटरैक्शन और मोशन

9 पैटर्न

खींचना, आकार बदलना, शॉर्टकट, मोशन और प्राथमिकताएँ।

  • क्रम बदलने वाली सूची

    एक सूची जिसका क्रम लोग हैंडल खींचकर बदलते हैं, साथ में ऊपर और नीचे ले जाने के बटन और एक कीबोर्ड मोड, जो हर बदलाव घोषित करता है।

    इंटरैक्शन और मोशन

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+4

    6 कीबोर्ड नियम

  • आकार बदलने वाले पैनल

    दो पैन और उनके बीच एक खींचा जा सकने वाला सेपरेटर, जो ऐरो कुंजियों से भी खिसकता है, Enter से सिमटता है और अपना आकार बताता है।

    इंटरैक्शन और मोशन

    डब्ल्यूसीएजी मानदंड:1.4.112.1.12.4.7+4

    5 कीबोर्ड नियम

  • कम मोशन

    एनिमेटेड हिस्से जो सिस्टम की कम मोशन सेटिंग मानते हैं, उसे बदलने के लिए एक स्विच के साथ, और हलचल की जगह फ़ेड दिखाते हैं।

    इंटरैक्शन और मोशन

    डब्ल्यूसीएजी मानदंड:2.1.12.2.22.3.3+3

    4 कीबोर्ड नियम

  • थीम स्विचर

    लाइट, डार्क और सिस्टम का चुनाव जो पेज की थीम तुरंत बदलता है, कहने पर डिवाइस के साथ चलता है और चुनाव याद रखता है।

    इंटरैक्शन और मोशन

    डब्ल्यूसीएजी मानदंड:1.3.11.4.31.4.11+4

    4 कीबोर्ड नियम

  • टेक्स्ट का आकार और स्पेसिंग

    एक कार्ड जो लोगों के टेक्स्ट बड़ा करने या स्पेसिंग बढ़ाने पर भी पढ़ने लायक रहता है, साथ में एक नाज़ुक कार्ड जो कट जाता है।

    इंटरैक्शन और मोशन

    डब्ल्यूसीएजी मानदंड:1.4.121.4.41.4.10+3

    5 कीबोर्ड नियम

  • फ़ोकस इंडिकेटर

    ऐसी फ़ोकस रिंग जो हमेशा दिखे: दो रंग, कम से कम 2 px, कभी स्टिकी बार के नीचे नहीं, और उसे मापने वाला एक लाइव मीटर।

    इंटरैक्शन और मोशन

    डब्ल्यूसीएजी मानदंड:2.4.71.4.112.4.11+2

    4 कीबोर्ड नियम

  • टारगेट आकार

    इतने बड़े टार्गेट कि आसानी से छुए जा सकें: AA पर 24 px या पर्याप्त दूरी, AAA पर 44 px, और हर एक को मापने वाला ओवरले।

    इंटरैक्शन और मोशन

    डब्ल्यूसीएजी मानदंड:2.5.82.5.52.1.1+2

    4 कीबोर्ड नियम

  • कीबोर्ड शॉर्टकट

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

    इंटरैक्शन और मोशन

    डब्ल्यूसीएजी मानदंड:2.1.42.1.13.3.1+3

    7 कीबोर्ड नियम

  • होवर या फ़ोकस पर दिखने वाली सामग्री

    होवर और फ़ोकस पर दिखने वाली परिभाषाएँ, प्रोफ़ाइल कार्ड और प्रीव्यू, जिन्हें हटाया जा सके, जिन पर पॉइंटर ले जाया जा सके और जो खुले रहें।

    इंटरैक्शन और मोशन

    डब्ल्यूसीएजी मानदंड:1.4.132.1.12.4.3+2

    3 कीबोर्ड नियम

लेआउट और संरचना

7 पैटर्न

पेज का वह ढाँचा जिससे सहायक तकनीक रास्ता खोजती है।

  • लैंडमार्क

    हेडर, नेविगेशन, मुख्य सामग्री, सर्च और फ़ुटर के क्षेत्र, जिनसे स्क्रीन रीडर इस्तेमाल करने वाले पेज के हर हिस्से पर सीधे पहुँच जाते हैं।

    लेआउट और संरचना

    डब्ल्यूसीएजी मानदंड:1.3.12.4.12.4.3+3

    4 कीबोर्ड नियम

  • हेडिंग संरचना

    ऐसी हेडिंग जिनके स्तर पेज की रूपरेखा के मुताबिक़ चलते हैं, ताकि स्क्रीन रीडर इस्तेमाल करने वाले पेज पर नज़र दौड़ा सकें और सीधे किसी सेक्शन पर पहुँच सकें।

    लेआउट और संरचना

    डब्ल्यूसीएजी मानदंड:1.3.12.4.12.4.6+3

    4 कीबोर्ड नियम

  • रीफ़्लो

    ऐसा पेज जो 320 सीएसएस पिक्सेल में समा जाए, यानी 400% ज़ूम पर 1280 पिक्सेल की विंडो में, बिना बगल में स्क्रॉल किए और बिना कुछ कटे।

    लेआउट और संरचना

    डब्ल्यूसीएजी मानदंड:1.4.101.4.41.3.2+3

    6 कीबोर्ड नियम

  • फ़ोकस को दिखता रखने वाला स्टिकी हेडर

    एक हेडर जो स्क्रॉल करते समय ऊपर टिका रहता है, सिकुड़कर रास्ते से हट जाता है, और कीबोर्ड फ़ोकस वाले एलिमेंट को कभी नहीं ढकता।

    लेआउट और संरचना

    डब्ल्यूसीएजी मानदंड:2.4.112.4.12.4.3+3

    5 कीबोर्ड नियम

  • नज़र से छिपा टेक्स्ट

    ऐसा टेक्स्ट जो स्क्रीन रीडर पढ़ते हैं पर स्क्रीन पर नहीं दिखता, उस एक तरीक़े से छिपा जो उसे सुलभता ट्री में बनाए रखता है।

    लेआउट और संरचना

    डब्ल्यूसीएजी मानदंड:1.1.11.3.12.4.4+4

    4 कीबोर्ड नियम

  • पेज बदलने के बाद फ़ोकस

    सिंगल-पेज ऐप का ऐसा नेविगेशन जो वही करता है जो पेज लोड करता: नया टाइटल, हेडिंग पर फ़ोकस, एक घोषणा, और काम करता हुआ वापस बटन।

    लेआउट और संरचना

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.2+4

    6 कीबोर्ड नियम

  • सूचियाँ और समूह

    बुलेट वाली, क्रमांक वाली और विवरण सूचियाँ जो अपना आकार बताती हैं, तब भी जब वे कार्ड, टैग या क्रमांक वाले चरणों की तरह सजी हों।

    लेआउट और संरचना

    डब्ल्यूसीएजी मानदंड:1.3.11.3.21.4.10+1

    2 कीबोर्ड नियम

संवाद

6 पैटर्न

बातचीत, टिप्पणियाँ, सूचनाएँ और प्रतिक्रियाएँ।

  • चैट

    ऐसी सपोर्ट चैट जिसका इतिहास एक लाइव लॉग है: नए संदेश आते ही पढ़े जाते हैं, और फ़ोकस वहीं रहता है जहाँ आप टाइप कर रहे हैं।

    संवाद

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+4

    5 कीबोर्ड नियम

  • टिप्पणी थ्रेड

    थ्रेड वाली चर्चा, जिसमें जवाब अपनी जगह पर खुलते हैं, थ्रेड समेटे जा सकते हैं, और अपनी टिप्पणियाँ एडिट या डिलीट की जा सकती हैं।

    संवाद

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+4

    4 कीबोर्ड नियम

  • सूचना केंद्र

    घंटी जो सूचनाओं का पैनल खोलती है, जिसमें पढ़ा और अपठित शब्दों में है, फ़िल्टर हैं, और नई सूचनाएँ एक बार घोषित होती हैं।

    संवाद

    डब्ल्यूसीएजी मानदंड:1.3.11.4.12.1.1+4

    5 कीबोर्ड नियम

  • प्रतिक्रियाएँ

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

    संवाद

    डब्ल्यूसीएजी मानदंड:1.1.11.4.11.4.13+4

    6 कीबोर्ड नियम

  • इनलाइन एडिट

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

    संवाद

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.4.3+4

    5 कीबोर्ड नियम

  • मेंशन

    संदेश बॉक्स जहाँ @ लोगों की छँटी हुई सूची खोलता है, जिनमें से कीबोर्ड से चुना जाता है, और मेंशन हर व्यक्ति की लिंक बनकर भेजे जाते हैं।

    संवाद

    डब्ल्यूसीएजी मानदंड:1.3.12.1.12.1.2+4

    5 कीबोर्ड नियम

मेथड

हर पैटर्न कैसे बनाया जाता है

सबके लिए एक जैसे नियम, ताकि जो पास हो वह संयोग न हो।

  1. पहले नेटिव एचटीएमएल। असली बटन, लिंक, इनपुट या डायलॉग ज़्यादातर काम करता है; एआरआईए वहीं जोड़ा जाता है जहाँ उस काम के लिए एचटीएमएल में कोई एलिमेंट नहीं है।
  2. हर क्रिया कीबोर्ड से। कुंजियाँ WAI-एआरआईए ऑथरिंग प्रैक्टिसेज़ का पालन करती हैं, और फ़ोकस हमेशा दिखता है और कभी फँसता नहीं।
  3. ऐसे रंग जो दोनों थीम में पास हों। सभी कंपोनेंट डिज़ाइन टोकन का एक ही सेट साझा करते हैं, और एक टेस्ट हर टेक्स्ट और कंट्रोल जोड़ी को डब्ल्यूसीएजी 2.2 के मुक़ाबले मापता है।
  4. जाँचा हुआ, और इस बारे में ईमानदार। हर डेमो लाइट और डार्क में, डेस्कटॉप और फ़ोन की चौड़ाई पर axe पास करता है; घोषणाएँ अपेक्षित के रूप में लिखी गई हैं, रिकॉर्ड की गई होने का दावा नहीं।
  5. कोड जिसे आप उठा सकें। हर पेज का एचटीएमएल, सीएसएस और जावास्क्रिप्ट वही फ़ाइलें हैं जिन पर डेमो चलता है, कोई फ़्रेमवर्क इंस्टॉल नहीं करना।

एक कंपोनेंट की जगह पूरी साइट जाँच रहे हैं?