Vistamedia création de sites internet - Aix en Provence

Ajouter un accesskey au module de recherche

Voici une petite modification toute simple qui permet d'ajouter un label et un accesskey au champ de recherche de votre site Joomla!. Ainsi une personne n'ayant pas la possibilité d'utiliser une souris y accèdera en un clic.

 

Le fichier à éditer est modules/mod_search.php. Allez à la fin du fichier et atteignez les lignes suivantes:

 

<div class="search<?php echo ; ?>">
    <?php echo $output; ?>
</div>

 

Remplacez les par :

 

<div class="search<?php echo ; ?>">
    <label for="mod_search_searchword" style="display:none;" accesskey="4">Rechercher:</label><?php echo $output; ?>
</div>

 

Explication:

 

Tout d'abord on ajoute une balise <label> qui pointe vers l'ID du champ de recherche. Cette balise <label> peut sembler inutile d'autant qu'on lui a attribué le style display:none. Elle l'est d'ailleurs pour les navigateurs traditionnels mais en revanche pour un navigateur alternatif elle permet à l'internaute d'identifier clairement le champ.

L'attribut style="display:none;" est optionnel mais permet de préserver l'estéthique du site en ne modifiant rien de votre design.

Nous voila maitenant arrivé à l'attribut accesskey="4". Vous remarquez sans doute qu'il est positionné dans la balise <label> et pas dans la balise <input />. Ca aurait pu être le contraire mais le fait de donner le focus à un <label> le transmet automatiquement au champ qui lui est associé. C'est souvent plus commode ainsi.

Pourquoi choisir 4 et pas R pour "Recherche"?

Tout simplement parcequ'il existe une multitude de navigateurs et qu'il est très difficile de trouver des touches sûres, c'est-à-dire non utilisée pour d'autres fonctions. Il y a un vaste débat à ce sujet. J'utilise pour ma part un nombre très réduit d'accesskeys qui est celle du Référentiel accessibilité des services Internet de l’administration française.

 

Voici cette liste:

Touche 1 : Page d'accueil,
Touche 2 : Page d'actualités,
Touche 3 : Plan du site,
Touche 4 : Moteur de recherche,
Touche 5 : FAQ,
Touche 6 : Page d'aide,
Touche 7 : Contact,
Touche 8 : Conditions d'utilisation,
Touche 9 : Livre d'or,
Touche 0 : Lien vers la liste des raccourcis

Dernière mise à jour : ( 01-08-2006 )

• < Précédent
• Suivant >