Accessibilité du composant Menu

Interaction au clavier

Touche	Action
`Entrée ou Espace`	Sur le déclencheur : ouvre le menu sur son premier élément. Sur un élément : le choisit ou ouvre son sous-menu.
`Flèche bas`	Sur le déclencheur : ouvre le menu sur son premier élément. Dans le menu : passe à l’élément suivant.
`Flèche haut`	Sur le déclencheur : ouvre le menu sur son dernier élément. Dans le menu : passe à l’élément précédent.
`Début et Fin`	Passe au premier ou au dernier élément.
`Flèche droite`	Ouvre un sous-menu et passe à son premier élément (flèche gauche dans un texte de droite à gauche).
`Flèche gauche`	Ferme un sous-menu et revient à l’élément parent (flèche droite dans un texte de droite à gauche).
`Échap`	Ferme le menu et rend le focus au déclencheur.
`Lettres`	Passe à l’élément suivant dont le libellé commence par le texte saisi.

Le déclencheur reçoit aria-haspopup, aria-expanded et aria-controls ; le menu et ses éléments reçoivent leurs rôles ARIA d’Angular Aria.
L’élément en surbrillance a un remplissage plein avec un contraste de texte d’au moins 4,5:1, et sert aussi d’indicateur de focus. En mode couleurs forcées, il reçoit un contour de surbrillance système.
Les éléments cochables annoncent leur état via aria-checked.
Choisir un élément ferme le menu et rend le focus au déclencheur. Déplacer le focus hors du déclencheur et du menu le ferme également.
Les éléments mesurent au moins 28 pixels de haut, au-delà de la taille de cible minimale des WCAG 2.2.