Harmoniser les liens ouvrant une nouvelle fenêtre

[yaaax]

Problèmes

1. Restitution des liens s’ouvrant dans une nouvelle fenêtre

Deux techniques sont actuellement utilisées :

• <a title="[intitulé] - nouvelle fenêtre">[intitulé]
• <a>[intitulé] <span class="fr-sr-only>(nouvelle fenêtre)</span>(majoritaire)

2. rel="noreferrer noopener"

Aussi, il faudrait ajouter l’attribut rel="noopener" ou rel="noreferrer noopener" suivant les cas. Voir :

• HTML attribute: rel - HTML | MDN
• Que signifie l'attribut rel="noopener noreferrer" ?)
• html - Link with target="_blank" and rel="noopener noreferrer" still vulnerable? - Stack Overflow
• Faire un lien hypertexte : bien utiliser target et rel sur son blog | No Tuxedo Note :

  Update as of 2021: All current versions of major browsers now automatically use the behavior of rel="noopener" for any target="_blank" link, nullifying this issue. See more at chromestatus.com.

Proposition

1. Restitution des liens s’ouvrant dans une nouvelle fenêtre

[ ] ~~Utiliser un mix des 2 techniques sur tous les liens s’ouvrant dans une nouvelle fenêtre.~~

• ~~harmonisation de l’écriture avec un "-"~~

• ~~déplacement de l’espace de séparation avec l’intitulé après le <span> (au lieu de avant)~~

• ~~ajout title pour une information supplémentaire au survol (au cas où le carré-flèche est mal compris ça peut aider sur desktop à la souris…)~~

  ~~<a title="[intitulé] - nouvelle fenêtre">[intitulé]<span class="fr-sr-only"> - nouvelle fenêtre</span></a>~~

~~👆 À noter que lorsque le title est le même que le nom accessible, il n’est pas utilisé pour la "description" accessible.~~

[ ] Utiliser uniquement la technique du "span sr-only" partout

2. rel="noreferrer noopener"

[ ] Ajouter l’attribut rel="noopener" ou rel="noreferrer noopener" suivant les cas (ne pas mettre noreferrer si l’on ouvre une page de Ara dans un nouvel onglet, comme le rapport par exemple)