▼ Table des matières
HTML/CSS : liens externes
Les liens non signalés vers des URL externes ne sont pas très "fair-play" en matière d'accessibilité. Une signalisation visuelle permet d'avertir les utilisateurs qu'en cliquant sur le lien, ils vont quitter la lecture de la page en cours ; l'avertissement leur laisse donc la possibilité de choisir par quelle méthode ils afficheront la nouvelle page (en quittant la page en cours, en ouvrant le lien dans un nouvel onglet ou dans une nouvelle fenêtre du navigateur).
Diverses solutions sont disponibles par utilisation d'un java-script qui est, et reste toujours une forme intrusive, ce, d'antant plus, que des solutions purement HTML/CSS existent.
Solution proposée Alsacreations
Code HTML
<p style="text-align:center"> <a class="lien_ext" title="alsacreations.com" href="http://www.alsacreations.com/tuto/lire/556-liens-externes-nouvelle-fenetre.html"> alsacreations.com modèle de lien externe sans java-script </a> </p>
Code CSS
a.lien_ext:after {
content: " (lien externe)";
}
