Aller au contenu principal

Soulignement

Soulignement des Éléments​

Le soulignement des éléments améliore la visibilité en mettant en évidence les titres et les liens, selon les options activés par l'utilisateur. Suivez ces étapes pour intégrer le soulignement dans votre site web.

Configuration des Balises Prises en Compte​

Les balises <a> pour les liens, et les balise <h1> à <h6> pour les titres, sont automatiquement prises en compte pour le soulignement. Pour activer le soulignement pour d'autres balises, ajoutez les attributs suivants dans les balise correspondante :

  • role="heading" pour souligner les titres.
  • role="link" pour souligner les liens.
<!-- Exemple pour activer le soulignement sur une balise de titre -->
<div role="heading">Titre Valide</div>
<h1>Titre Valide</h1>

<!-- Exemple pour activer le soulignement sur un lien -->
<div role="link">Lien Valide</div>
<a href="#">Lien Valide</a>

<!-- Exemple pour activer le soulignement sur un paragraphe au survol -->
<div>Texte Valide</div>
<p>Texte Valide</p>

<!-- Exemple invalide -->
<div>Titre Invalide</div>
<div>Lien Invalide</div>
<div>Texte Invalide</div>

Personalisation des couleurs​

Vous pouvez personnaliser les couleurs de soulignement avec les variables CSS suivantes :

body {
    --adaptify-highlight-titles-color: blue;
    --adaptify-highlight-focus-color: green;
    --adaptify-highlight-links-color: black;
}