Aller au contenu principal

Intégration de la Navigation Intelligente

La navigation intelligente améliore l'expérience utilisateur en permettant une navigation facile à l'aide des numéros du clavier. Suivez ces étapes pour intégrer la navigation intelligente dans la barre de navigation de votre site.

Étape 1 : Activer la Navigation Intelligente​

Pour rendre la navigation intelligente compatible avec votre site. Pour ce faire, ajoutez l'attribut data-adaptify-navigation avec le numéro de la balise correspondante. Dans notre cas, nous allons cibler les balises <button> et <a>.

<!-- Navbar.js (ou tout autre fichier contenant la barre de navigation) -->

<nav>
  <ul>
    <li><a href="#" data-adaptify-navigation="1">Accueil</a></li>
    <li><a href="#" data-adaptify-navigation="2">À Propos</a></li>
    <li><button data-adaptify-navigation="3">Services</button></li>
    <li><a href="#" data-adaptify-navigation="4">Contact</a></li>
  </ul>
</nav>

Assurez-vous d'ajouter ces attributs aux balises appropriées dans votre barre de navigation. (les balise <textarea> et <input> ne fonctionne pas)

Étape 2 : Activation des Numéros de Clavier​

Lorsque la navigation intelligente est activée, des numéros seront affichés en dessous des balises ciblées. Ces numéros correspondent aux touches du clavier que l'utilisateur doit presser pour activer la balise.