Navigation au clavier sous IE ou Firefox

[doomer2]

Bonsoir à tous,

Je souhaiterais savoir si il était possible de donner une couleur de fond aux liens lorsque l'on navigue au clavier avec la touche tabulation car selon les couleurs de certains sites, on ne sait plus où on se trouve.

Et dans mon site qui est en développement, je suis dans ce cas.

Un petit éclaircissement serait le bienvenu

Merci d'avance pour vos collaborations.

Modifié 29 Janvier 2005 par doomer2

[LaurentDenis]

Tu peux appliquer une règle

a:focus {
background-color: red;
}

... qui ne sera pas prise en compte par tous les navigateurs (Firefox l'applique, IE ne l'applique pas si ma mémoire est bonne).

Sinon, la propriété outline s'applique par défaut aux liens ayant le focus au clavier, à moins que tu ne l'aies annulée dans ta CSS.

[jpv]

Si tu à absolument besoin de le faire avec IE pour des raisons d'utilisabilité, une solution javascript vite fait :

<script type="text/javascript">
function init(){
  if(document.getElementsByTagName("a")){
    for(i=0;i<document.getElementsByTagName("a").length;i++){
      document.getElementsByTagName("a")[i].onfocus=colour;
      document.getElementsByTagName("a")[i].onblur=none;    
    }
  }
}
//Couleur du focus
function colour(event){
  this.style.backgroundColor='#ff0000';
}
//Pas de couleur
function none(event){
  this.style.backgroundColor='';  
}
window.onload=init;
</script>

à coller dans le head, ou mieux à placer dans un fichier externe.

Avantage: Ca emule le focus sur l'element a pour IE.

Inconvenient : Ca ne fonctionne pas sans javascript et c'est un chouia lourdingue.

Ca ne t'empêche pas d'utiliser la méthode CSS.

JP