Modèle:Liens sombres

 Documentation[voir] [modifier] [historique] [purger]

Utilisation

modifier

Ce modèle inclut la feuille de style Modèle:Liens sombres/styles.css à la page, qui permet d'obscurcir les liens lorsqu'un fond de couleur est utilisé, afin de garantir l'accessibilité des couleurs.

Pour obscurcir des liens, il faut inclure une fois le modèle dans la page, puis ajouter la classe liens-sombres aux éléments dont les liens sont à obscurcir.

Exemple

modifier

Le code suivant est non accessibles : le lien n'est pas correctement visible.

{| class="wikitable"
| Lien vers la page pomme sur fond coloré 
| style="background-color:gold" | [[pomme]]
|}

Rendu :

Lien vers la page pomme sur fond coloré pomme

Pour rendre ce lien accessible, on inclut le modèle {{Liens sombres}} et on ajoute la classe liens-sombres au tableau qui contient le lien.

{{Liens sombres}}
{| class="wikitable liens-sombres"
| Lien sombre vers la page pomme sur fond coloré 
| style="background-color:gold" | [[pomme]]
|}

Rendu :

Lien sombre vers la page pomme sur fond coloré pomme

Pour ne pas modifier la couleur des autres liens du tableau, on peut ajouter la classe en ciblant une seule case :

{{Liens sombres}}
{| class="wikitable"
| Lien sombre vers la page pomme sur fond coloré 
| class="liens-sombres" style="background-color:gold" | [[pomme]]
|-
| Autre lien dont on ne veut pas changer la couleur 
| [[fraise]]
|}

Rendu :

Lien sombre vers la page pomme sur fond coloré pomme
Autre lien dont on ne veut pas changer la couleur fraise