• Type: Bug
• Resolution: Fixed
• Priority: Major
• Fix Version/s: 1.11.0
• Affects Version/s: None
• Component/s: None
• Labels:

  • 4.8

[SKININTRA-306] Open external redirect pages in new tab

Collapse comment: Laurence Aumeunier added a comment - 14/Feb/24 15:47, Edited by Laurence Aumeunier - 16/Feb/24 09:39

Laurence Aumeunier added a comment - 14/Feb/24 15:47 - edited

For accessibility purpose, using of target="_blank" is not recommended

RGAA "Test 13.2.1 : Dans chaque page web, pour chaque ouverture d'une nouvelle fenêtre effectuée via un lien (attribut target) ou une commande JavaScript, l'utilisateur est-il averti ?"
https://references.modernisation.gouv.fr/rgaa-accessibilite/criteres.html#crit-13-2

"L’utilisateur ou l’utilisatrice doit être prévenu·e lorsqu’on lui force l’ouverture d’un lien dans une nouvelle fenêtre"
https://www.lelutinduweb.fr/alternatives-textuelles-attribut-title/

We can warn user :

• adding a aria-label on the link : <a href="xxx" aria-label="Mentions légales (nouvelle fenêtre)" target="_blank">Mentions légales</a>
• adding a message in a sr-only element : <a href="xxx" target="_blank">Mentions légales <span class="sr-only">(nouvelle fenêtre)</span,></a>
• adding title attribute <a href="xxx" title="Mentions légales - Nouvelle fenêtre" target="_blank">Mentions légales</a>

Graphically the link should be displayed differently (a picto for example)

Expand comment: Laurence Aumeunier added a comment - 14/Feb/24 15:47, Edited by Laurence Aumeunier - 16/Feb/24 09:39

Laurence Aumeunier added a comment - 14/Feb/24 15:47 - edited For accessibility purpose, using of target="_blank" is not recommended RGAA "Test 13.2.1 : Dans chaque page web, pour chaque ouverture d'une nouvelle fenêtre effectuée via un lien (attribut target) ou une commande JavaScript, l'utilisateur est-il averti ?" https://references.modernisation.gouv.fr/rgaa-accessibilite/criteres.html#crit-13-2 "L’utilisateur ou l’utilisatrice doit être prévenu·e lorsqu’on lui force l’ouverture d’un lien dans une nouvelle fenêtre" https://www.lelutinduweb.fr/alternatives-textuelles-attribut-title/ We can warn user : adding a aria-label on the link : <a href="xxx" aria-label="Mentions légales (nouvelle fenêtre)" target="_blank">Mentions légales</a> adding a message in a sr-only element : <a href="xxx" target="_blank">Mentions légales <span class="sr-only">(nouvelle fenêtre)</span,></a> adding title attribute <a href="xxx" title="Mentions légales - Nouvelle fenêtre" target="_blank">Mentions légales</a> Graphically the link should be displayed differently (a picto for example)