nav-left |
Navigation vers la gauche |
| CSS3 |
|
Syntaxe
|
nav-left: 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 gauche.
Remarques
- Définition et rôle : La propriété nav-left permet de désigner un élément spécifique comme cible de navigation lorsque l'utilisateur appuie sur la
flèche gauche. Cela est particulièrement utile dans des interfaces où les éléments sont organisés spatialement, comme des grilles, des menus ou des carrousels.
- Navigation spatiale intuitive : Avec nav-left, les développeurs peuvent personnaliser la navigation directionnelle pour correspondre à la disposition
visuelle de l'interface. Cela permet de garantir une navigation logique et intuitive pour les utilisateurs.
- Compatibilité limitée : Cette propriété fait partie du module CSS Basic User Interface Level 3, mais sa prise en charge dans les navigateurs modernes
est très limitée. Elle est surtout pertinente pour des environnements spécifiques comme les interfaces TV ou les applications web sur des consoles.
- Utilisation dans des grilles et des tableaux : Dans des interfaces basées sur une disposition en grille, nav-left peut être utilisé pour définir clairement
quel élément est visité en appuyant sur la flèche gauche. Cela est particulièrement utile pour éviter que la navigation ne devienne imprévisible.
- Accessibilité et ergonomie : En définissant explicitement les cibles de navigation avec nav-left, il est possible d'améliorer l'accessibilité pour les
utilisateurs qui naviguent au clavier ou avec des dispositifs directionnels, en leur offrant un chemin clair et cohérent.
- Interaction avec d'autres propriétés : nav-left fonctionne en complément des propriétés nav-right, nav-up et nav-down. Ensemble, elles
permettent un contrôle complet de la navigation spatiale, particulièrement utile dans des interfaces complexes ou multidirectionnelles.
- Désactivation de la navigation : En définissant la valeur none, les développeurs peuvent empêcher complètement la navigation vers la gauche. Cela peut
être utile dans des scénarios où un élément est situé au bord gauche de l'interface ou ne devrait pas être accessible dans cette direction.
- Priorité sur le DOM : La propriété nav-left peut remplacer le comportement de navigation par défaut basé sur l'ordre des éléments dans le
DOM. Cela permet aux développeurs de contrôler précisément l'ordre de navigation sans modifier la structure
HTML.
- Fallbacks nécessaires : En raison de la compatibilité limitée, il est courant de devoir utiliser des solutions de contournement avec
JavaScript. Par exemple, les développeurs peuvent écouter les événements de clavier (keydown) pour implémenter un
comportement de navigation spatiale similaire à celui offert par nav-left.
Dernière mise à jour : Dimanche, le 20 décembre 2015
