Amélioration de la navigation par tabulation

Bonjour à tous,

J'utilise depuis peu les pseudo-classes :active et :focus avec les mêmes propriétés que la pseudo classe hover afin d’améliorer la visibilité du lien actif lors de la navigation avec la touche TAB.
Pensez-vous que cela améliore le confort d’une telle navigation ?

J’utilise aussi les pseudo-classes :active et :focus pour ne rendre accessible que par la touche TAB mes liens d'évitement (Aller au menu et Rechercher).
Pensez-vous que cela nuit à l'accessibilité ?
Sachant qu’à la souris, le haut du menu, le haut du contenu et le formulaire de recherche se trouvent à peu près à la même hauteur sur la page.

Pour IE il faut utiliser la pseudo-classe :active.
Pour Firefox il faut utiliser la pseudo-classe :focus.
Par contre Opera n’a pas l’air de prendre en compte ces pseudo-classes. Quelqu’un a-t-il une astuce pour Opera ?
Modifié par Swell (17 Jun 2015 - 12:20)

Bonsoir,

Je trouve la gestion de ton album super sympa. Quel est le script que tu utilises ?

Cela m'interesserait de mettre en place un album photo de ce genre.

En attente de ta réponse.
PS: je trouve ton site sympa et agréable à l'oeil.

les photos sont tres tres belles, j'adore la vieille dame a sa fenetre..... (ici)

J'aimerai aussi bien connaitre le script utilisé?!

Concernant ta question, je nepeux t'aider, mais suis curieux d'en connaitre e la reponse !!
Modifié par Maxwell (24 Feb 2007 - 21:25)

Il me semble que cela fonctionne avec ta methode sous opera mais je sais qui faut faire attention à l'ordre dans lequel tu déclares tes propriétés a:active;a:hover;a:visited;a:focus.

Je sais qu'il y a un sens mais lequel je ne sais plus. Tu as la piste

Je viens d'aller faire un tour sur le l’excellent blog de Laurent Denis (spécialiste d’Opera il me semble) et je m’aperçois qu’il utilise aussi les pseudo-classes :active et :focus.
Apparemment Opera a son propre comportement pour ces classes et ignore les règles css appliquées.
Laurent Denis peut-il confirmer ?

PS : merci pour les compliments sur mon album photo, j’utilise un petit script php perso pour la génération des pages mais c’est les css qui font le reste. Le code html n’a vraiment rien d’extraordinaire.

En clair, tu ne veux pas en faire profiter personne ?

l'ordre est celui-ci

Link
Visited
Hover
Active

penser à Robert Mitchum dans la nuit du chasseur "Love Hate"

J'utilise bien l'ordre suivant : hover, active, focus

Que pensez-vous de l'accessibilité de mes liens d'évitement qui ne sont visibles et accessibles que par la touche TAB ?

Edit : sauf avec Opera (cf explications plus haut)
Modifié par Swell (29 Aug 2005 - 22:41)

Justement je ne trouve pas cela trés accessible.

Comme je ne les vois pas au départ je cherche ou peu bien se trouver le focus et je ne vais pas spécialement le chercher à l'autre bout de la page.

Pourquoi ne pas les laisser visibles.

De la manière ou est construit le flux de ta page (ordre d'apparition des éléments html dans le code) l'ordre de tabulation fait que la recherche se retrouve en dernier dans ta page, dans un soucis d'accessibilité justement pourquoi ne pas le mettre en premier ce qui de fait enlève le lien recherche.

Tu peux à ce moment là laisser le lien "aller au menu" visible

Il n'y as rien qui m'indique que le champ suivant est la recherche
aucun bouton, pas de label et rien ne me dit si un accesskey à été définie (page politique d'accessibilité).

De plus la police de ta page semble fixe (pas de redimensionnement sous IE).

Jusqu'à présent cela me gênait d’afficher ces liens pour les raisons suivantes :
- à l’écran ils pointent vers des zones qui se trouvent toutes en haut de page
- et avec un lecteur d’écran ils sont bien pris en compte

Restait alors le problème des visiteurs dont le handicap ne permet pas l’utilisation de la souris ; Je pensais l’avoir en parti résolu.

Je crois que je vais me résoudre à afficher les liens d’évitement comme tout le monde.

Concernant la taille de police fixe, je vais la rendre relative rapidement, comme c’est déjà le cas sur mes feuilles de style alternatives. Merci du conseil.

message à supprimer
Modifié par Rea (31 Aug 2005 - 13:15)

Désolé pour le message fantôme de "Rea" mais j'ai changé de pseudo enfin bon...

Pour Opera (7, 8) la combinaison de touche pour activer l'effet focus d'un lien est :

'Ctrl + Shift + 2'

Bien que l'ami Opera dans ses paramètres de raccourcis clavier par défaut mentionne :

a écrit :
Platform Windows-Unix-QNX, 2 ctrl shift > Manage, "bookmarks"

Modifié par Phil (31 Aug 2005 - 13:53)

J'ai essayé la combinaison 'Ctrl + Shift + 2' mais sans succés,
avec Opera 8.01

Je l'ai testé sur deux PC (Win XP SP2 et Win 98) et cela fonctionne.

Opera 8.01 et 7.x

Clavier PC bien entendu*

Précision : la touche 2 est celle du clavier numérique situé à droite...