Actions
Bug #532
ouvertAméliorer l'accessibilité des liens vers des sites externes
Statut:
Limbes
Priorité:
Normal
Assigné à:
-
Catégorie:
-
Début:
30/01/2025
Echéance:
% réalisé:
0%
Temps estimé:
Avis équipe:
Passage recette / prod:
à discuter ED:
Non
Environnement:
Description
Actuellement on utilise l'attribut title, qui est pas idéal.
La solution suggérée par Julie Moynat est d'ajouter le texte "(nouvelle fenêtre)" directement dans le contenu, avec un <span> qui rend cette portion de texte visible uniquement pour les lecteurs d'écran.
Dans cet esprit
<a href="" target="_blank" rel="noopener">
Texte du lien
<span class="sr-only"> - Nouvelle fenêtre</span> => nouvelle fenêtre dans le <a> mais uniquement pour les lecteurs d'écran
<span title="Nouvelle fenêtre" aria-hidden="true"> => icone lien sortant en svg, visible par tout le monde
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="blabla"/></svg>
</span>
</a>
Détails :
https://www.lalutineduweb.fr/lien-ouverture-nouvelle-fenetre-accessible/
Aucune donnée à afficher
Actions