Est-il correct d’utiliser une balise alt pour un lien d’ancrage, quelque chose comme
Il est préférable de répondre à ces questions en regardant les spécifications officielles:
aller à la spécification: https://www.w3.org/TR/html5/
rechercher ” a
élément”: https://www.w3.org/TR/html5/text-level-semantics.html#the-a-element
cochez “Atsortingbuts de contenu”, qui répertorie tous les atsortingbuts autorisés pour l’élément a:
- Atsortingbuts globaux
href
target
download
rel
hreflang
type
vérifier les “atsortingbuts globaux” liés: https://www.w3.org/TR/html5/dom.html#global-atsortingbutes
Comme vous le verrez, l’atsortingbut alt
n’est pas autorisé sur a
élément.
De plus, vous remarquerez que l’atsortingbut src
n’est pas autorisé non plus.
En validant votre code HTML , des erreurs comme celles-ci vous sont signalées.
Notez que ce qui précède concerne HTML5 , qui est la norme HTML du W3C à partir de 2014 . En 2016, HTML 5.1 est devenu le prochain standard HTML . La recherche des atsortingbuts autorisés fonctionne de la même manière. Vous verrez que l’élément a peut avoir un autre atsortingbut dans HTML 5.1: rev
.
Vous pouvez trouver toutes les spécifications HTML (y compris la dernière norme) sur le HTML Current Status du W3C .
Pour les ancres, vous devez utiliser plutôt title. alt n’est pas une atsortingbution valide de a. Voir http://w3schools.com/tags/tag_a.asp
“title” est largement implémenté dans les navigateurs. Essayer:
asf
Non, un atsortingbut alt
(ce serait un atsortingbut, pas une balise) n’est pas autorisé pour a
élément dans une spécification HTML ou un brouillon. Et il ne semble pas être reconnu par aucun navigateur non plus comme ayant une signification.
C’est un peu mystérieux de savoir pourquoi les gens essaient de l’utiliser, mais l’explication probable est qu’ils le font en analogique avec l’atsortingbut alt
pour les éléments img
, s’attendant à voir une «info-bulle» au survol de la souris. Il y a deux choses qui ne vont pas avec ça. Premièrement, chaque élément possède ses propres atsortingbuts, définis dans les spécifications de chaque élément. Deuxièmement, le rendu «tooltip» des atsortingbuts alt
dans certains navigateurs anciens est / était un caprice ou même un bogue, plutôt que quelque chose à prévoir; l’atsortingbut alt
est censé être présenté à l’utilisateur si et seulement si l’image elle-même n’est pas présentée, quelle qu’en soit la raison.
Pour créer une «info-bulle», utilisez plutôt l’atsortingbut title
, ou mieux, Google pour les «infobulles CSS» et utilisez les infobulles CSS de votre choix (elles peuvent être caractérisées comme des «calques» masqués).
Vous devez utiliser l’atsortingbut title pour les balises d’ancrage si vous souhaitez appliquer des informations descriptives de la même manière que pour un atsortingbut alt. L’atsortingbut title est valide sur les balises d’ancrage et ne sert qu’à fournir des informations sur la page liée.
W3C recommande que la valeur de l’atsortingbut title corresponde à la valeur du titre du document lié, mais ce n’est pas obligatoire.
http://www.w3.org/MarkUp/1995-archive/Elements/A.html
Alternativement, et probablement plus bénéfique, vous pouvez utiliser l’atsortingbut ARIA accessibilité aria-label
(à ne pas confondre avec aria-labeledby
). aria-label
remplit la même fonction que l’atsortingbut alt pour les images, mais pour les éléments autres que l’image, et inclut une certaine optimisation depuis votre optimisation pour les lecteurs d’écran.
http://www.w3.org/WAI/GL/wiki/Using_aria-label_to_provide_labels_for_objects
Si vous voulez décrire une balise d’ancrage, il convient généralement d’utiliser la balise rel ou rev, mais vous êtes limité à des valeurs spécifiques, elles ne doivent pas être utilisées pour des descriptions lisibles par l’homme.
Rel sert à décrire la relation entre la page liée et la page en cours. (par exemple, si la page liée est la suivante dans une série logique, ce serait rel = next)
L’atsortingbut rev est essentiellement la relation inverse de l’atsortingbut rel. Rev décrit la relation entre la page en cours et la page liée.
Vous pouvez trouver une liste de valeurs valides ici: http://microformats.org/wiki/existing-rel-values
J’ai utilisé le titre et ça a marché!
L’atsortingbut title donne le titre du lien. À une exception près, c’est purement consultatif. La valeur est du texte. L’exception concerne les liens de feuille de style, où l’atsortingbut title définit d’autres jeux de feuilles de style.
AK