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>

8 commentaires

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

    Ce commentaire a été publié sur une ancienne version des notices AcceDe Web. Il se peut que son contenu ne soit plus d'actualité.

    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 à 16h34.

      Ce commentaire a été publié sur une ancienne version des notices AcceDe Web. Il se peut que son contenu ne soit plus d'actualité.

      Bonjour Corinne,

      Merci pour ton retour que nous avons pris en compte.

      Johan

      Répondre

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

    Ce commentaire a été publié sur une ancienne version des notices AcceDe Web. Il se peut que son contenu ne soit plus d'actualité.

    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 à 12h19.

      Ce commentaire a été publié sur une ancienne version des notices AcceDe Web. Il se peut que son contenu ne soit plus d'actualité.

      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 à 19h03.

    Ce commentaire a été publié il y a plus de 2 ans. Il se peut que son contenu ne soit plus d'actualité.

    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 à 19h05.

      Ce commentaire a été publié il y a plus de 2 ans. Il se peut que son contenu ne soit plus d'actualité.

      Bonjour,

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

      Didier

      Répondre

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

        Ce commentaire a été publié il y a plus de 2 ans. Il se peut que son contenu ne soit plus d'actualité.

        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

  • Par Mathias Peguet, le 18 avril 2024 à 13h55.

    Une autre mise à jour de cette fiche pourrait parler de la balise : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/search
    C’est une autre solution alternative pour identifier le moteur de recherche.

    Répondre

Ajouter un commentaire

Tous les champs sont obligatoires.

Mises à jour

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

Haut de page