1.2. Identifier le moteur de recherche avec role="search"

Le moteur de recherche du site doit être identifié avec role="search".

<form role="search" …>
  <input type="search" title="Recherche par mots-clés" />
  <input type="submit" value="Rechercher" />
</form>

7 commentaires

  • Par Corinne Schillinger, le 7 juillet 2016 à 13:19.

    Sauf erreur de ma part, le rôle search peut maintenant être ajouté à une balise form : https://github.com/w3c/html-aria/issues/18 ;)

    Répondre

    • Par Johan Ramon, le 12 juillet 2016 à 16:34.

      Bonjour Corinne,

      Merci pour ton retour que nous avons pris en compte.

      Johan

      Répondre

  • Par Axel Roche, le 5 décembre 2017 à 12:17.

    Bonjour

    Cet attribut role="search" ne doit pas être placé sur une div parent juste avant le form ?
    Merci

    Répondre

    • Par Sébastien Delorme, le 6 décembre 2017 à 12:19.

      Bonjour Axel,

      Comme tu pourras le lire dans les commentaires plus haut, ce n’est plus le cas.

      On plaçait l’attribut role="search" sur un conteneur parent notamment pour des raisons de validité de code. Ce qui était fort dommage au final.

      Ce point a été discuté et corrigé : role=search should be allowed on form elements.

      Le rôle search est un landmark spécifique de formulaire, il est donc tout à fait possible et pertinent de le placer sur la balise <form> plutôt que sur un autre conteneur.

      Sébastien.

      Répondre

  • Par Didier, le 14 octobre 2020 à 19:03.

    Bonjour,

    Pour le champ de saisie des mots-clés, on pourrait mettre un en HTML5. Est-ce que ça a un intérêt pour l’accessibilité (ajoute de la sémantique) ?

    Didier

    Répondre

    • Par Didier, le 14 octobre 2020 à 19:05.

      Bonjour,

      Je voulais dire qu’on pourrait mettre un input de type « search ».

      Didier

      Répondre

      • Par Johan Ramon, le 19 octobre 2020 à 11:29.

        Bonjour Didier,

        Merci pour votre commentaire.

        Effectivement, un type search est tout à fait approprié ici.

        Nous mettons donc à jour la fiche en conséquence. Merci de nouveau.

        À noter toutefois qu’il n’y a pas de réel apport en terme d’accessibilité.

        Johan

Ajouter un commentaire

Les champs avec astérisque (*) sont obligatoires.

Mises à jour

19/10/2020
Remplacement de type text par search dans l’exemple de code.

Haut de page