Si vous lisez ce blog depuis plus d’un an, vous avez sûrement lu mon article vous donnant une astuce CSS pour supprimer le contour des liens qui apparaissent au clic sous Firefox.

Mais voila, c’était une astuce que je n’aurais pas du donner, ou du moins pas de ce sens là.

Dans les commentaires de cet article, gagarine a fait la remarque suivante :

” [...] l’encadré est utile niveau ergonomique lorsque l’on appuie sur la touche tab (pour savoir où l’on est). “

Et il n’avait pas tort, le contour permet de se réperer dans les liens de la page via la navigation au clavier (touche tab).
Et ce n’est pas seulement une question d’ergonomie, c’est avant tout une question d’accessibilité.

Il semblerait que les versions 6 et 7 d’Internet Explorer aient désormais le même comportement que Firefox sur les liens. Je vous déconseille donc de les enlever, mais rien ne vous empêche de les personnaliser.

Libre à vous de les mettre en tirets rouges ou traits continus blancs

 a:focus { outline:1px dashed red; } /* En tirets rouges */ a:focus { outline:1px solid white; } /* En trait continu blanc */ a:focus { outline:1px dotted black; } /* Valeur par défaut : pointillés noirs */

Et si vous cliquez sur un lien de mon blog ou site, vous constaterez que les contours sont présents, mais en orange

Commentaires

^#1

poc

Mercredi 13 février 2008 à 9:57

*note dans son calepin*

^#2

Darklg

Mercredi 13 février 2008 à 15:22

Bon à savoir ;D
Merci !

^#3

nadia

Mercredi 13 février 2008 à 22:54

*j’aime dotparkin 4…

^#4

ShadowKris

Mercredi 13 février 2008 à 22:58

dotparking 4 ? what’s this ?
Edit : ah oui, le thème de Dotclear sur mon screenshot :P

^#5

spawnrider

Lundi 18 février 2008 à 0:00

Merci à toi, je ne connaissais pas l’existence de cette propriété d’un lien.

Trackback