కీబోర్డ్ ఇంటరాక్షన్

కీచర్య
Enter లేదా Spaceట్రిగ్గర్‌పై: మెనూను దాని మొదటి ఐటెమ్ వద్ద తెరుస్తుంది. ఐటెమ్‌పై: దాన్ని ఎంచుకుంటుంది, లేదా దాని సబ్‌మెనూను తెరుస్తుంది.
కింది బాణంట్రిగ్గర్‌పై: మెనూను దాని మొదటి ఐటెమ్ వద్ద తెరుస్తుంది. మెనూలో: తర్వాతి ఐటెమ్‌కు వెళ్తుంది.
పై బాణంట్రిగ్గర్‌పై: మెనూను దాని చివరి ఐటెమ్ వద్ద తెరుస్తుంది. మెనూలో: మునుపటి ఐటెమ్‌కు వెళ్తుంది.
Home మరియు Endమొదటి లేదా చివరి ఐటెమ్‌కు వెళ్తుంది.
కుడి బాణంసబ్‌మెనూను తెరిచి దాని మొదటి ఐటెమ్‌కు వెళ్తుంది (కుడి నుంచి ఎడమకు రాసే టెక్స్ట్‌లో ఎడమ బాణం).
ఎడమ బాణంసబ్‌మెనూను మూసివేసి దాని పేరెంట్ ఐటెమ్‌కు తిరిగి వెళ్తుంది (కుడి నుంచి ఎడమకు రాసే టెక్స్ట్‌లో కుడి బాణం).
Escapeమెనూను మూసివేసి ఫోకస్‌ను ట్రిగ్గర్‌కు తిరిగి తెస్తుంది.
అక్షరాలుటైప్ చేసిన టెక్స్ట్‌తో లేబుల్ మొదలయ్యే తర్వాతి ఐటెమ్‌కు వెళ్తుంది.

యాక్సెసిబిలిటీ గమనికలు

  • ట్రిగ్గర్‌కు aria-haspopup, aria-expanded, aria-controls వస్తాయి; మెనూకు, దాని ఐటెమ్‌లకు ARIA రోల్‌లు Angular Aria నుంచి వస్తాయి.
  • హైలైట్ అయిన ఐటెమ్ కనీసం 4.5:1 టెక్స్ట్ కాంట్రాస్ట్‌తో నిండు రంగులో కనిపిస్తుంది; అదే ఫోకస్ ఇండికేటర్‌గానూ పనిచేస్తుంది. forced-colors మోడ్‌లో దానికి సిస్టమ్ హైలైట్ అవుట్‌లైన్ వస్తుంది.
  • చెక్ చేయగల ఐటెమ్‌లు తమ స్థితిని aria-checked ద్వారా ప్రకటిస్తాయి.
  • ఐటెమ్‌ను ఎంచుకుంటే మెనూ మూసుకుని ఫోకస్ ట్రిగ్గర్‌కు తిరిగి వస్తుంది. ట్రిగ్గర్, మెనూ బయటకు ఫోకస్ వెళ్లినా మెనూ మూసుకుంటుంది.
  • ఐటెమ్‌ల ఎత్తు కనీసం 28 పిక్సెల్‌లు, ఇది WCAG 2.2 కనీస టార్గెట్ సైజు కంటే ఎక్కువ.