[Menu] नेविगेशन बार / मेनू के लिए अनुशंसित WAI-ARIA कार्यान्वयन


Answers

एक एफवाईआई के रूप में, आप एआरआईए-पॉजिनेट और एरिया-सेटिज़ एट्रिब्यूट्स को रोल = मेन्यूटेम वाले तत्वों को जोड़कर 'एक्स ऑफ वाई' सूचना की घोषणा करने के लिए एक मेनू प्राप्त कर सकते हैं। ईमानदारी से, ब्रायन गारवेंटा

Question

हम एक वेब पोर्टल के मुख्य नेविगेशन मेनू को लागू करने की प्रक्रिया में हैं (यानी जोड़) वाई-एआरआईए समर्थन मेनू यहां दिखाया गया है:

मेनू को क्लासिक <ul> / <li> / <a> डोम पेड़ के माध्यम से कार्यान्वित किया गया है, सीएसएस के साथ स्टाइल जैसे क्षैतिज टैब की तरह देखने के लिए।

ऐसे विजेट के लिए सुझाए गए WAI-ARIA कार्यान्वयन क्या है?

मैं एक संभावित कार्यान्वयन पोस्ट करने के लिए यहां एक उत्तर के रूप में पोस्ट करने जा रहा हूं, इसलिए चीजों को आगे बढ़ाने के लिए

शेष पैराग्राफ को छोड़ें यदि आप WAI-ARIA संदर्भ में सीएसएस नेविगेशन मेनू के बारे में जानते हैं / नहीं करते हैं

प्रादेशिक सेना

प्रस्तावना (कहने के लिए)

मैंने हाल के वएआई-एआरआईए के कई हिस्सों को सामान्य समझदारी, वर्गीकरण और इतने पर w3org के लिए पढ़ा है। फिर मैंने UI विजेट के कई उदाहरणों के बारे में पढ़ा है। मुझे ऐसे किसी सीएसएस नेविगेशन मेनू पर विशेष रूप से लक्षित किसी भी उदाहरण नहीं मिला। निकटतम विगेट्स जो मैंने हमेशा पाया है I मेनू, मेन्यूबार और टैब पैनेल बेशक मैंने भी निशुल्क एआरआईए समुदाय समूह में देखा (जहां यह प्रश्न मूल रूप से पोस्ट किया गया था)।

मैं कहूंगा कि उन विजेट्स में से कोई भी एक (सीएसएस) नेविगेशन मेनू से मेल नहीं खाता। उदाहरण के तौर पर, टैबपेनेल पृष्ठ (-> एरिया-नियंत्रण) में कुछ सामग्री को नियंत्रित कर सकता है, शायद मेन्यूबार भी; लेकिन मुझे पूरा यकीन नहीं है कि एक नेविगेशन मेनू पृष्ठ में सामग्री को नियंत्रित करता है (यह दिखाने के लिए अगले पेज को नियंत्रित करता है) आगे जाने के बिना, कुछ अन्य मतभेद भी हैं संदर्भ पद के अंत में हैं यदि किसी ने नेविगेशन मेनू के बेहतर (या अधिक फिट) उदाहरण दिए हैं, तो हम उनके बारे में जानना चाहते हैं।

संदर्भ




एआरआईए डिजाइन पैटर्न कस्टम नियंत्रण की एक श्रृंखला के लिए अपेक्षित यूआई व्यवहार प्रदान करते हैं http://www.w3.org/TR/wai-aria-practices/#aria_ex एएससी कुंजी का इस्तेमाल बंद करने और ट्रिगरिंग तत्व पर बंद होने पर मानक यूआई है डेस्कटॉप और वेब भर में इसे किसी भी Google डॉक्स ऐप पर (उदाहरण के लिए) आज़माएं।