Deux outils : annoncer ou retirer target="_blank", et style global optionnel de liens soulignés.
Ce que cela fait
- Liens nouvel onglet : libellé pour les technologies d’assistance et/ou suppression des nouveaux onglets forcés
- Styles globaux des liens : soulignement + épaisseur pour ne pas reposer sur la seule couleur
Configuration guidée dans l’administration
Les deux modules sont présentés sous forme de cartes distinctes et peuvent être activés séparément. Les champs dépendants n’apparaissent que lorsqu’ils sont utiles. Un aperçu montre l’annonce de nouvel onglet, l’icône facultative et le soulignement dans le texte. Il reste fixe à côté des réglages sur ordinateur et les précède sur les écrans plus petits. La page avertit également lorsque la préférence Toolbar → Couleurs → Souligner tous les liens peut affecter les mêmes liens ; les exceptions et les détails du Hover restent dans des sections repliables compactes.
Pourquoi c’est important
- Lecteurs d’écran : entendent quand un lien ouvre une nouvelle fenêtre
- Tout le monde : les soulignements améliorent le balayage visuel
- WCAG : soutient 2.4.4 (fonction du lien en contexte), 3.2.5 (changement à la demande — lors du retrait des nouveaux onglets), 1.4.1 (couleur), 1.4.3 / 1.4.11 (contraste)
Notes WCAG
- 2.4.4 : le libellé clarifie le comportement « ouvre dans un nouvel onglet »
- 3.2.5 : retirer target= »_blank » évite des changements de contexte surprenants
Partie 1 — Gestion des nouveaux onglets
Cible les ancres avec target="_blank".
Option A — Annoncer
- Texte masqué visuellement pour l’AT (p. ex. « S’ouvre dans un nouvel onglet »)
- Icône SVG inline optionnelle après le lien
Option B — Retirer
- Supprime target= »_blank » pour que les liens restent dans l’onglet
Réglages d’annonce : texte lecteur d’écran, icône on/off, préréglage d’icône, taille 8–32 px, alignement vertical + décalage, sélecteurs d’exclusion.
Partie 2 — Styles globaux des liens
Applique des règles de soulignement à l’échelle du site (avec exclusions).
- Pourquoi : WCAG 1.4.1 — ne pas reposer sur la seule couleur
- Défauts : text-decoration: underline, couleur optionnelle, décalage (~0,15em), épaisseur (~0,1em)
- Hover : soulignement plus épais (+~0,04em), couleurs de Hover optionnelles
- Exclusions : sélecteurs pour le chrome de navigation, boutons façon liens, etc.
Exemples
Exemple 1 : annoncer les nouveaux onglets
Activez annonce + icône visible (glyphe par défaut, 16 px). Texte AT : « S’ouvre dans un nouvel onglet ». Excluez la navigation principale.
Exemple 2 : retirer les nouveaux onglets
Activez le mode retrait — tout reste dans le même contexte de navigation.
Exemple 3 : soulignement global
Soulignement bleu 0,1em, 0,14em au Hover ; excluez nav + classes bouton.
Exemple 4 : combiné
Icônes pour liens externes / nouvel onglet + palette de soulignement global ; excluez les liens utilitaires du pied si besoin d’un style dédié.
Conseils
- Retirez le comportement nouvel onglet ou annoncez-le — ne laissez pas de _blank silencieux
- Gardez les couleurs d’icône / soulignement au-dessus des exigences de contraste
- Testez l’alignement des icônes à 200 % de zoom
- Activez les soulignements globaux lorsque le thème ne colore que les liens
- Excluez les motifs qui doivent ressembler à des boutons
- Évitez les animations de Hover concurrentes
- Test de fumée multi-navigateurs
- Si Toolbar → Couleurs → Souligner tous les liens est actif, désactivez l’un des deux systèmes pour éviter les doubles règles
Problèmes courants
Icône absente
Vérifiez que « icône visible » est activé ; taille / alignement ; le thème ne masque pas le SVG inline.
Styles globaux sans effet
Fonction activée ? sélecteurs qui tout excluent ? surcharge !important du thème ?
Conflit avec la Toolbar
Désactivez Toolbar → Couleurs → Souligner tous les liens ou les styles globaux — une seule logique à la fois.
Notes techniques
- Détection / ajustement des nouveaux onglets via JS front-end
- Icônes en SVG inline
- Styles globaux en CSS ; fonctionnent sans JS
- Utilise text-decoration-thickness / text-underline-offset avec repli
Disponible pour : tous les plans Free