भूमिकाएँ तय करती हैं कि कोई चीज़ क्या है

एक भूमिका assistive tech को बताती है कि कोई element किस प्रकार की चीज़ है: button, tab, alert या dialog। यह इस प्रश्न का उत्तर देती है: यह क्या है?

अधिकांश HTML tags में एक निहित भूमिका पहले से बनी होती है। nav navigation होता है, h1 heading और button button होता है।

जब कोई native tag उपयुक्त न हो, तो आप किसी generic element को पहचानी जाने वाली पहचान देने के लिए role attribute स्वयं सेट करते हैं।

Widget भूमिकाएँ उन interactive चीज़ों का वर्णन करती हैं जिन्हें आप कभी-कभी स्वयं बनाते हैं: tab, slider, switch, menuitem और treeitem।

Landmark भूमिकाएँ page को banner, main और navigation जैसे क्षेत्रों में बाँटती हैं, ताकि users सीधे किसी section पर जा सकें।

Structure भूमिकाएँ स्थिर content का वर्णन करती हैं: heading, list, listitem और figure। वे आपकी information की संरचना बताती हैं।

किसी element की एक भूमिका होती है। आप किसी चीज़ को एक ही समय में button और link नहीं बना सकते, इसलिए उसके वास्तविक काम से मेल खाने वाली पहचान चुनिए।

भूमिका चुनना एक अनुबंध है। role=tab का अर्थ है कि आपको उसके parent के रूप में tablist, keyboard support और उससे जुड़ा tabpanel देना होगा।

जिस element की सही भूमिका पहले से मौजूद हो, उस पर कभी कोई role न लगाएँ। वास्तविक button पर अनावश्यक भूमिका केवल शोर और जोखिम बढ़ाती है।

role=presentation किसी element की semantics हटा देता है। layout table के लिए यह उपयोगी है, लेकिन ऐसी चीज़ों पर खतरनाक है जिन्हें users को समझना ज़रूरी है।

सबसे पहले सही भूमिका तय कीजिए। States और properties तभी अर्थपूर्ण होते हैं, जब element की स्पष्ट पहचान हो जिस पर उन्हें लगाया जा सके।

आपने सीखा कि role बताती है कि कोई element क्या है। native implicit roles को प्राथमिकता दीजिए, आवश्यकता होने पर केवल एक explicit role जोड़िए और उसके अनुबंध का पालन कीजिए।