Paggamit ng keyboard
| Key | Aksyon |
|---|---|
| Enter o Space | Sa trigger: binubuksan ang menu sa unang item. Sa isang item: pinipili ito, o binubuksan ang submenu nito. |
| Down arrow | Sa trigger: binubuksan ang menu sa unang item. Sa menu: lumilipat sa susunod na item. |
| Up arrow | Sa trigger: binubuksan ang menu sa huling item. Sa menu: lumilipat sa naunang item. |
| Home at End | Lumilipat sa una o huling item. |
| Right arrow | Binubuksan ang submenu at lumilipat sa unang item nito (left arrow sa right-to-left na text). |
| Left arrow | Isinasara ang submenu at bumabalik sa parent item nito (right arrow sa right-to-left na text). |
| Escape | Isinasara ang menu at ibinabalik ang focus sa trigger. |
| Mga titik | Lumilipat sa susunod na item na ang label ay nagsisimula sa itinipang text. |
Mga tala sa accessibility
- Nakakakuha ang trigger ng
aria-haspopup,aria-expandedataria-controls; nakukuha naman ng menu at ng mga item nito ang kanilang ARIA role mula sa Angular Aria. - Solid fill ang ginagamit ng naka-highlight na item, na may hindi bababa sa 4.5:1 na text contrast, at ito rin ang nagsisilbing focus indicator. Sa forced-colors mode, nagkakaroon ito ng system highlight outline.
- Ina-announce ng mga checkable item ang state nila sa pamamagitan ng
aria-checked. - Kapag pumili ng item, nagsasara ang menu at bumabalik ang focus sa trigger. Nagsasara rin ito kapag inilipat ang focus palabas ng trigger at ng menu.
- Hindi bababa sa 28 pixel ang taas ng mga item, lampas sa minimum na target size ng WCAG 2.2.