कीबोर्ड इंटरैक्शन
| कुंजी | कार्रवाई |
|---|---|
| Enter या Space | ट्रिगर पर: मेन्यू खोलकर पहले आइटम पर ले जाता है। आइटम पर: उसे चुनता है या उसका सबमेन्यू खोलता है। |
| डाउन ऐरो | ट्रिगर पर: मेन्यू खोलकर पहले आइटम पर ले जाता है। मेन्यू में: अगले आइटम पर जाता है। |
| अप ऐरो | ट्रिगर पर: मेन्यू खोलकर आख़िरी आइटम पर ले जाता है। मेन्यू में: पिछले आइटम पर जाता है। |
| Home और End | पहले या आख़िरी आइटम पर जाता है। |
| राइट ऐरो | सबमेन्यू खोलता है और उसके पहले आइटम पर जाता है (दाएँ से बाएँ लिखे टेक्स्ट में लेफ़्ट ऐरो)। |
| लेफ़्ट ऐरो | सबमेन्यू बंद करता है और उसके पैरेंट आइटम पर लौटता है (दाएँ से बाएँ लिखे टेक्स्ट में राइट ऐरो)। |
| Esc | मेन्यू बंद करता है और फ़ोकस को ट्रिगर पर लौटाता है। |
| अक्षर | अगले ऐसे आइटम पर जाता है जिसका लेबल टाइप किए गए टेक्स्ट से शुरू होता है। |
सुलभता से जुड़े नोट
- ट्रिगर को
aria-haspopup,aria-expandedऔरaria-controlsमिलते हैं; मेन्यू और उसके आइटम को ARIA रोल Angular Aria से मिलते हैं। - हाइलाइट किया गया आइटम ठोस भराव इस्तेमाल करता है, जिसमें टेक्स्ट का कंट्रास्ट कम से कम 4.5:1 होता है, और यही फ़ोकस संकेतक का काम भी करता है। फ़ोर्स्ड कलर्स मोड में इसे सिस्टम की हाइलाइट आउटलाइन मिलती है।
- चेक किए जा सकने वाले आइटम अपनी स्थिति
aria-checkedके ज़रिए बताते हैं। - आइटम चुनने पर मेन्यू बंद हो जाता है और फ़ोकस ट्रिगर पर लौट आता है। फ़ोकस को ट्रिगर और मेन्यू से बाहर ले जाने पर भी मेन्यू बंद हो जाता है।
- आइटम कम से कम 28 पिक्सेल ऊँचे होते हैं, जो WCAG 2.2 के न्यूनतम टारगेट साइज़ से ज़्यादा है।