English

<menu>

Lister des commandes ou des actions dans une toolbar

  • HTML
  • accessibilité
  • sémantique

<menu> — Le menu de commandes

La balise <menu> est un alias sémantique de <ul> destiné aux barres d'outils et aux menus de commandes. Elle représente une liste d'actions interactives, pas une liste de navigation.

Quand l'utiliser

Tu veux créer une barre d'outils avec des boutons d'action : gras, italique, copier, coller. Ou un menu contextuel avec des commandes. Si tes items sont des liens de navigation, utilise <nav> + <ul> à la place.

Ce que tu gagnes

Accessibilité : les lecteurs d'écran identifient le groupe comme une liste de commandes. Combine avec role="toolbar" sur un conteneur parent, tu obtiens une navigation par flèches entre les actions.

Exemple de code

<div role="toolbar" aria-label="Text formatting">
  <menu>
    <li><button type="button">Bold</button></li>
    <li><button type="button">Italic</button></li>
    <li><button type="button">Underline</button></li>
  </menu>
</div>

Pour aller plus loin