nav-right |
Navigation vers la droite |
CSS3 |
|
Syntaxe
nav-right: auto|id|target-name|initial|inherit;
|
Paramètres
Paramètre |
Description |
id |
Ce paramètre permet d'indiquer l'identificateur de l'élément de navigation. |
target-name |
Ce paramètre permet d'indiquer le cadre destinataire de navigation. |
auto |
Ce paramètre permet d'indiquer que le navigateur détermine automatiquement la navigation. C'est la valeur par défaut. |
inherit |
Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent. |
initial |
Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété. |
Description
Cette propriété permet d'indiquer où le navigateur utilise la touche de navigation vers la droite.
Remarques
- Propriété expérimentale : La propriété nav-right fait partie des propriétés CSS expérimentales proposées dans le cadre des spécifications liées à la
navigation Web au sein des interfaces utilisateurs. Elle permet de contrôler la direction de la navigation Web lorsque l'utilisateur appuie sur une touche de direction droite
(en général, la touche "flèche droite" ou un geste tactile vers la droite).
- Fonctionnement avec la navigation au clavier : nav-right permet de définir quel élément doit recevoir le focus lorsque l'utilisateur navigue vers la droite
à l'aide des touches directionnelles. Cela donne aux développeurs un contrôle précis sur la manière dont les éléments sont sélectionnés lors de l'interaction avec un clavier
ou une souris.
- Utilisation en combinaison avec d'autres propriétés de navigation : La propriété nav-right peut être utilisée en conjonction avec d'autres propriétés
similaires telles que nav-left, nav-up, et nav-down. Ensemble, ces propriétés permettent de créer des schémas de navigation complexes dans des interfaces où
l'ordre de navigation doit être explicite, par exemple dans des grilles ou des menus.
- Compatibilité et support limité : Comme beaucoup d'autres propriétés expérimentales, nav-right n'est pas largement supportée par les navigateurs Web
modernes. En raison de son statut non standard, elle n'est pas fiable pour une utilisation en production à moins que la compatibilité des navigateurs ne soit soigneusement
vérifiée.
- Accessibilité améliorée : L'une des raisons d'utiliser nav-right est d'améliorer la navigation pour les utilisateurs interagissant avec des interfaces
via un clavier ou un dispositif de contrôle tactile. Cela peut offrir une expérience plus fluide, notamment dans les applications Web dynamiques, les jeux ou les tableaux
complexes, où la navigation à travers des éléments est cruciale.
- Alternatives à tabindex : Avant l'introduction des propriétés de navigation comme nav-right, la gestion de l'ordre de navigation était souvent réalisée
via l'attribut tabindex. nav-right permet une approche plus intuitive, en définissant directement les relations de navigation entre les éléments dans un contexte spécifique,
sans avoir besoin de manipuler des index numériques.
- Défi de la gestion du focus dans les interfaces complexes : Bien que nav-right améliore la navigation, elle peut poser des problèmes dans des interfaces
avec des éléments dynamiques ou des changements d'ordre d'affichage, comme dans les menus interactifs ou les modaux. L'ajout de cette propriété nécessite une gestion rigoureuse
de l'ordre des éléments pour garantir une navigation fluide et cohérente.
- Conception de la navigation dans les applications : Lors de la conception d'applications web interactives ou de jeux, nav-right permet de créer des
parcours de navigation personnalisés. Cela peut être particulièrement utile dans les interfaces où l'utilisateur doit parcourir des éléments dans un ordre défini, comme un
diaporama ou une carte interactive. Toutefois, l'utilisation de ces propriétés requiert de s'assurer que le parcours de navigation soit clair et logique pour l'utilisateur.
Dernière mise à jour : Dimanche, le 20 décembre 2015