5.3. Ne pas utiliser les attributs aria-label et title sur des liens ou boutons explicites

Un lien ou un bouton considéré comme explicite est un lien ou un bouton dont l’intitulé seul et/ou le contexte permettent de comprendre sa destination ou sa fonction.

Par exemple :

Les attributs aria-label et title (qui peuvent servir à rendre accessibles des liens non explicites) ne doivent pas être employés pour ce type de liens.

Voici concrètement quelques exemples d’usages incorrects de l’attribut aria-label dans une balise <input /> :

<input type="submit" value="Valider ma commande" aria-label="" />
<input type="submit" value="Confirmer ma commande" aria-label="Valider ma commande" />

Et quelques exemples d’usages incorrects de l’attribut title dans une balise <a> :

<a href="…" title="">Le projet AcceDe Web</a>
<a href="…" title="AcceDe Web">Le projet AcceDe Web</a>

3 commentaires

  • Par Steven, le 29 septembre 2017 à 11h37.

    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 l’équipe d’Atalan,

    title n’est pas toujours très bien rendu dans les aides techniques. Ne vaut-il mieux pas préférer aria-label aujourd’hui plutôt que title ?

    Merci

    Répondre

    • Par Johan Ramon, le 29 septembre 2017 à 12h01.

      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 Steven,

      Merci pour ton commentaire.

      Effectivement, aria-label est plus « fiable » que title pour expliciter un lien ou un bouton.

      En complément, je te propose de prendre connaissance des commentaires de la fiche « 5.2. Compléter les liens et les boutons non explicites avec aria-label ou title » pour plus d’informations à ce sujet.

      Bien à toi,
      Johan

      Répondre

      • Par Steven, le 29 septembre 2017 à 15h32.

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

        Merci pour l’info.

Ajouter un commentaire

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

Haut de page