बड़े पृष्ठों के लिए कई बायपास लिंक

छोटे पृष्ठ पर एक skip link पर्याप्त होता है। लेकिन जटिल लेआउट में कई दोहराए गए क्षेत्र होते हैं और उपयोगकर्ता केवल main तक ही नहीं, अन्य स्थानों तक भी पहुँचना चाह सकते हैं।

कोई व्यक्ति लेख पर नहीं, बल्कि खोज बॉक्स, मुख्य नेविगेशन या footer तक पहुँचना चाह सकता है। वे गंतव्य उपलब्ध कराएँ जिनकी उन्हें वास्तव में आवश्यकता होती है।

एक सामान्य समूह है: सामग्री पर जाएँ, नेविगेशन पर जाएँ, खोज पर जाएँ। इसे छोटा रखें, ताकि सूची स्वयं एक परेशानी न बन जाए।

अपने bypass links को एक छोटे nav क्षेत्र में रखें, ताकि वे पृष्ठ के शीर्ष पर शॉर्टकट के एक सुसंगत समूह के रूप में पढ़े जाएँ।

रैपर को aria-label दें, जैसे Skip links। नाम के बिना, एक ही पृष्ठ पर मौजूद दो nav क्षेत्र स्क्रीन रीडर उपयोगकर्ता को एक जैसे सुनाई देंगे।

हर शॉर्टकट को अभी भी ऐसे वास्तविक id की आवश्यकता होती है जहाँ वह पहुँच सके। खोज पर जाएँ खोज क्षेत्र की ओर, nav पर जाएँ मेनू की ओर संकेत करता है, आदि।

पहले की तरह, हर लक्ष्य में tabindex माइनस एक जोड़ें, ताकि संबंधित लिंक सक्रिय होने पर फ़ोकस विश्वसनीय रूप से वहाँ जा सके।

हर चीज़ के लिए शॉर्टकट जोड़ने से बचें। बहुत अधिक bypass links स्वयं दोहराई गई सामग्री का एक ऐसा खंड बन जाते हैं जिसे Tab से पार करना पड़ता है।

याद रखें कि अच्छे लैंडमार्क पहले से ही स्क्रीन रीडर उपयोगकर्ताओं को एक क्षेत्र से दूसरे क्षेत्र पर जाने देते हैं। अतिरिक्त skip link मुख्यतः दृष्टि वाले कीबोर्ड उपयोगकर्ताओं के लिए उपयोगी होते हैं।

शॉर्टकट को तार्किक क्रम में रखें, आम तौर पर सामग्री को पहले, क्योंकि अधिकांश लोग उसी के लिए आए हैं। कम उपयोग होने वाले शॉर्टकट अंत में रखें।

पूरे समूह में Tab से आगे बढ़ें और हर लिंक सक्रिय करें। हर बार सुनिश्चित करें कि फ़ोकस सही क्षेत्र में पहुँचे, उससे एक एलिमेंट आगे या पीछे नहीं। ✅

बड़े पृष्ठों के लिए लेबल वाले nav में कुछ bypass links दें और हर लिंक का अपना फ़ोकस योग्य लक्ष्य रखें। समूह छोटा और सामग्री को प्राथमिकता देने वाला होना चाहिए। 🎯