You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Description
Lorsqu'un lien à un intitulé visible (texte visible à l'écran) et un nom accessible (intitulé ajouté dans le code source lu par les lecteurs d'écrans), le nom accessible doit absolument reprendre l'intitulé visible.
Les informations des icônes informatives présentent dans un lien doivent également être présente dans le nom accessible du lien
Reproduction
Etapes à suivre pour reproduire le bug
Tous ces liens doivent avoir dans leur nom accessible la mention "- ouvre une nouvelle fenêtre". Au choix :
via un attribut title, et dans ce cas la valeur devra prendre le format "[intitulé visible du lien] - ouvre une nouvelle fenêtre"
via un texte caché en class="sr-only" où dans ce cas seul la mention "ouvre une nouvelle fenêtre" peut être ajoutée
Pour le lien "l'adresse suivante" :
soit l'attribut title est utilisé et le nom accessible doit reprendre l'intitulé visible. Par exemple : <a title="Utiliser l'adresse suivante pour adresser une réclamation (plainte) à la CNIL - ouvre une nouvelle fenêtre" target="_blank" href="https://www.cnil.fr/fr/cnil-direct/question/844">l’adresse suivante</a>
soit le nom accessible est ajouté via un texte caché en class="sr-only" ce qui peut donner par exemple : <a target="_blank" href="https://www.cnil.fr/fr/cnil-direct/question/844">l’adresse suivante <span class="sr-only">Adresser une réclamation (plainte) à la CNIL - ouvre une nouvelle fenêtre</span></a>
Description
Lorsqu'un lien à un intitulé visible (texte visible à l'écran) et un nom accessible (intitulé ajouté dans le code source lu par les lecteurs d'écrans), le nom accessible doit absolument reprendre l'intitulé visible.
Les informations des icônes informatives présentent dans un lien doivent également être présente dans le nom accessible du lien
Reproduction
Etapes à suivre pour reproduire le bug
Comportement attendu
class="sr-only"
où dans ce cas seul la mention "ouvre une nouvelle fenêtre" peut être ajoutéePour le lien "l'adresse suivante" :
<a title="Utiliser l'adresse suivante pour adresser une réclamation (plainte) à la CNIL - ouvre une nouvelle fenêtre" target="_blank" href="https://www.cnil.fr/fr/cnil-direct/question/844">l’adresse suivante</a>
class="sr-only"
ce qui peut donner par exemple :<a target="_blank" href="https://www.cnil.fr/fr/cnil-direct/question/844">l’adresse suivante <span class="sr-only">Adresser une réclamation (plainte) à la CNIL - ouvre une nouvelle fenêtre</span></a>
pour créer une class sr-only, voir cet article : https://kittygiraudel.com/2016/10/13/css-hide-and-seek/
Screenshots
The text was updated successfully, but these errors were encountered: