English

<search>

Délimiter une zone de recherche, le landmark que <form> ne crée pas

  • HTML
  • accessibilité
  • sémantique

<search> — Le landmark de recherche

La balise <search> délimite une zone de recherche. Elle crée un landmark search que le lecteur d'écran annonce et que l'utilisateur peut atteindre en un raccourci clavier. Un <form> seul ne crée pas ce landmark.

Quand l'utiliser

Tu veux entourer un formulaire de recherche, une barre de filtres, ou tout mécanisme permettant à l'utilisateur de chercher du contenu dans le site ou dans la page.

Ce que tu gagnes

Accessibilité : le lecteur d'écran annonce "recherche" comme point de repère. L'utilisateur saute directement à la zone de recherche sans parcourir toute la page.

Exemple de code

<search>
  <form action="/results">
    <label for="q">Rechercher</label>
    <input type="search" id="q" name="q">
    <button type="submit">Chercher</button>
  </form>
</search>

Pour aller plus loin