aria-label से कई क्षेत्रों के नाम दें

कई पृष्ठों में मुख्य मेन्यू और footer मेन्यू होते हैं। दोनों nav landmarks हैं और नाम न होने पर screen reader को दोनों एक जैसे सुनाई देते हैं।

किसी landmark को छोटा, बोला जाने वाला नाम देने के लिए aria-label जोड़ें। अब screen reader आपके दोनों nav में अंतर बता सकता है।

aria-label में Main या Breadcrumb जैसे दो-एक शब्द होने चाहिए। उपयोगकर्ता इसे सुनते हैं, इसलिए संक्षिप्तता उनके समय का सम्मान करती है।

Footer लिखें, Footer navigation नहीं। screen reader पहले ही navigation कहता है, इसलिए इसे दोबारा जोड़ना केवल अनावश्यक शोर है।

यदि किसी क्षेत्र में पहले से दिखाई देने वाली heading है, तो नाम दो बार लिखने के बजाय aria-labelledby से उसकी ओर संकेत करें।

जब दिखाई देने वाला पाठ न हो, तब aria-label का उपयोग करें; और जब स्क्रीन पर कोई heading या पाठ नाम का काम कर सके, तब aria-labelledby का उपयोग करें।

नाम देना केवल nav के लिए नहीं है। किसी aside या section को label करें, ताकि उपयोगकर्ताओं को पता हो कि प्रत्येक क्षेत्र में क्या है।

यदि किसी पृष्ठ पर केवल एक nav है, तो उसे label की आवश्यकता नहीं है। नाम देना तब सबसे महत्वपूर्ण होता है, जब दो क्षेत्रों की भूमिका समान हो।

हर क्षेत्र को एक अलग नाम दें। दोनों nav को Menu नाम देने से उद्देश्य विफल हो जाता है, क्योंकि उपयोगकर्ता अब भी उनमें अंतर नहीं कर सकते।

नाम जोड़ने के बाद landmark सूची में Main navigation और Footer navigation दिखाई देते हैं, इसलिए उपयोगकर्ता तुरंत सही विकल्प चुन लेते हैं। 🔊

aria-label की घोषणा की जाती है, लेकिन वह स्क्रीन पर कभी दिखाई नहीं देता। इसलिए यह दृश्य रूप से कुछ नहीं बदलता, फिर भी हर screen reader उपयोगकर्ता की सहायता करता है।

आपने सीखा कि दोहराए जाने वाले landmarks को aria-label या aria-labelledby से label करें और नाम छोटे, अलग तथा role से मुक्त रखें। 🙌