Navigation - Indication de la page active dans le menu de navigation - Démonstrations

Conforme : Mise en évidence par la couleur, la forme et l'ajout d'un title sur le lien.

<ul>
 <li><a href="#">Accueil</a></li>
 <li><a href="#">Nos projets</a></li>
 <li>
  <a href="#" 
   title="Nos formations page active" class="active">
   Nos formations
  </a>
 </li>
 <li><a href="#">Nos produits</a></li>
 <li><a href="#">Nous contacter</a></li>
<ul>
a{
 text-decoration:none;
 background:#933C53;
}

a.active{
 text-decoration:underline;
 background:#933C53;
}

Conforme : Mise en évidence par la couleur et l'ajout d'un title sur le lien.

<ul>
 <li><a href="#">Accueil</a></li>
 <li><a href="#">Nos projets</a></li>
 <li>
  <a href="#" 
   title="Nos formations page active" class="active">
   Nos formations
  </a>
 </li>
 <li><a href="#">Nos produits</a></li>
 <li><a href="#">Nous contacter</a></li>
<ul>
a{
 text-decoration:none;
 background:#933C53;
}

a.active{
 background:#933C53;
}

Non conforme : Mise en évidence par la couleur et par la forme seulement.

<ul>
 <li><a href="#">Accueil</a></li>
 <li><a href="#">Nos projets</a></li>
 <li><a href="#" class="active">Nos formations</a></li>
 <li><a href="#">Nos produits</a></li>
 <li><a href="#">Nous contacter</a></li>
<ul>
a{
 text-decoration:none;
 background:#933C53;
}

a.active{
 text-decoration:underline;
 background:#933C53;
}