English

<kbd>

Montrer une touche ou un raccourci clavier

  • HTML
  • accessibilité
  • sémantique

<kbd> — La touche clavier

La balise <kbd> représente une saisie clavier : une touche, un raccourci, ou toute entrée que l'utilisateur doit taper. Elle se distingue de <code> qui représente du code source.

Quand l'utiliser

Tu veux indiquer un raccourci clavier, une combinaison de touches ou une commande à taper. Par exemple : appuie sur Ctrl+S pour sauvegarder.

Ce que tu gagnes

Accessibilité : les lecteurs d'écran ne traitent pas <kbd> différemment du texte courant. Le rendu visuel (monospace, bordure) reste le seul signal pour les utilisateurs voyants. L'intérêt est dans le code : un outil sait que c'est une touche, pas un mot.

Exemple de code

<p>
  Press <kbd><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>I</kbd></kbd>
  to open the developer tools.
</p>

Pour aller plus loin