कीबोर्ड इंटरॅक्शन

कळकृती
Enter किंवा Spaceट्रिगरवर: मेनू उघडून पहिल्या आयटमवर नेते. आयटमवर: तो निवडते, किंवा त्याचा सबमेनू उघडते.
डाउन ॲरोट्रिगरवर: मेनू उघडून पहिल्या आयटमवर नेते. मेनूमध्ये: पुढच्या आयटमवर जाते.
अप ॲरोट्रिगरवर: मेनू उघडून शेवटच्या आयटमवर नेते. मेनूमध्ये: मागच्या आयटमवर जाते.
Home आणि Endपहिल्या किंवा शेवटच्या आयटमवर जाते.
राइट ॲरोसबमेनू उघडून त्याच्या पहिल्या आयटमवर जाते (उजवीकडून डावीकडे लिहिल्या जाणाऱ्या मजकुरात लेफ्ट ॲरो).
लेफ्ट ॲरोसबमेनू बंद करून त्याच्या पालक आयटमवर परत जाते (उजवीकडून डावीकडे लिहिल्या जाणाऱ्या मजकुरात राइट ॲरो).
Escमेनू बंद करते आणि फोकस ट्रिगरवर परत आणते.
अक्षरेज्याचे लेबल टाइप केलेल्या मजकुराने सुरू होते, अशा पुढच्या आयटमवर जाते.

ॲक्सेसिबिलिटीविषयी नोंदी

  • ट्रिगरला aria-haspopup, aria-expanded आणि aria-controls मिळतात; मेनू आणि त्याच्या आयटम्सना ARIA भूमिका Angular Aria कडून मिळतात.
  • हायलाइट केलेल्या आयटमला भरीव फिल असते आणि त्यातील मजकुराचा कॉन्ट्रास्ट किमान 4.5:1 असतो; तोच फोकस इंडिकेटरचेही काम करतो. फोर्स्ड कलर्स मोडमध्ये त्याला सिस्टमची हायलाइट आउटलाइन मिळते.
  • चेक करता येणारे आयटम आपली स्थिती aria-checked द्वारे जाहीर करतात.
  • आयटम निवडल्यावर मेनू बंद होतो आणि फोकस ट्रिगरवर परत येतो. फोकस ट्रिगर आणि मेनूच्या बाहेर नेल्यासही मेनू बंद होतो.
  • आयटम्सची उंची किमान 28 पिक्सेल असते, जी WCAG 2.2 च्या किमान टार्गेट आकारापेक्षा जास्त आहे.