डिस्क्लोज़र बनाम टैब: सही विकल्प चुनें

टैब और accordions दोनों सामग्री को छिपाते और दिखाते हैं, इसलिए लोग अक्सर उन्हें मिला देते हैं। गलत पैटर्न चुनने से उपयोगकर्ता भ्रमित हो सकते हैं।

tab set एक-दूसरे से अलग दृश्यों को प्रस्तुत करता है: एक पैनल खोलने पर बाकी बंद हो जाते हैं। यह ऐसी सामग्री के लिए उपयुक्त है जिसकी तुलना उपयोगकर्ता एक समय में एक हिस्से के रूप में करते हैं।

Accordion में कई अनुभाग एक साथ खुले रह सकते हैं। यह FAQs वाले लंबे पेज के लिए उपयुक्त है, जहाँ उपयोगकर्ता दो उत्तरों को साथ-साथ पढ़ना चाह सकते हैं।

एकल दिखाने-छिपाने वाला नियंत्रण disclosure है: एक बटन और एक क्षेत्र। जब केवल वैकल्पिक विवरण का एक हिस्सा दिखाना हो, तब इसका उपयोग कीजिए।

इन पैटर्न में अलग-अलग ARIA का उपयोग होता है। टैब के लिए tablist और arrow keys चाहिए; disclosure या accordion के लिए aria-expanded वाला केवल एक बटन पर्याप्त है।

टैब तब सबसे अच्छे काम करते हैं जब हर लेबल छोटा हो और पंक्ति ऊपर की ओर पूरी तरह आ जाए। लेबल लंबे हों तो लंबवत क्रम में रखा गया accordion बेहतर पढ़ा जाता है।

छोटी स्क्रीन पर क्षैतिज टैब पंक्ति अक्सर उपलब्ध चौड़ाई से बाहर निकल जाती है। Accordion स्वाभाविक रूप से नीचे की ओर क्रमबद्ध होता है, इसलिए कई टीमें छोटे आकारों पर पैटर्न बदल देती हैं।

पूछिए कि क्या अनुभाग स्वतंत्र हैं। यदि उपयोगकर्ताओं को कई अनुभाग साथ पढ़ने से लाभ होता है, तो accordion चुनिए; यदि केवल एक दृश्य उपयुक्त है, तो टैब चुनिए।

दोनों पैटर्न को केवल नीचे ले जाने वाले लिंक से बनाने से बचिए। लिंक किसी स्थान पर ले जाते हैं; ये नियंत्रण सामग्री की स्थिति बदलते हैं, इसलिए इन्हें बटन का अर्थ चाहिए।

यदि कोई पैटर्न सीमा पर हो, तो सरल वाला चुनिए। disclosure या accordion में पूरे tab widget की तुलना में गलत ARIA होने की संभावना कम रहती है।

सही विकल्प रूप-रंग से नहीं, बल्कि सामग्री से तय होता है। पहले तय कीजिए कि उपयोगकर्ताओं को इसे कैसे पढ़ना और तुलना करना है, फिर उसे किसी पैटर्न से मिलाइए।

आपने सामग्री की ज़रूरत के आधार पर चुनना सीखा: एक-एक करके दिखने वाले दृश्यों के लिए टैब, कई खुले रहने वाले अनुभागों के लिए accordions और एकल खुलासे के लिए disclosure।