nav-down |
Navigation vers le bas |
| CSS3 |
|
Syntaxe
|
nav-down: 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 le bas.
Remarques
- Définition et rôle : La propriété nav-down permet de spécifier quel élément de l'interface sera sélectionné lorsque l'utilisateur appuie sur la flèche
bas (down arrow) dans un contexte de navigation spatiale. Cela est particulièrement utile pour créer une expérience utilisateur fluide dans les interfaces non basées
sur la souris.
- Navigation spatiale : Elle est essentielle pour les dispositifs tels que les téléviseurs connectés, les consoles de jeux ou encore les interfaces Web sur
des appareils où la navigation se fait avec des flèches directionnelles ou des touches de clavier.
- Accessibilité améliorée : En utilisant nav-down, les développeurs peuvent définir un chemin logique de navigation, facilitant l'accès pour les utilisateurs
ayant des besoins spécifiques ou utilisant des lecteurs d'écran et des claviers.
- Complémentarité avec d'autres propriétés : nav-down fonctionne en tandem avec les autres propriétés de navigation spatiale comme nav-up,
nav-left et nav-right, pour permettre un contrôle complet du parcours de l'utilisateur dans l'interface.
- Compatibilité et adoption : Bien que définie dans le module CSS Basic User Interface Level 3, la prise en charge de cette propriété par les navigateurs Web
reste limitée. Les développeurs doivent vérifier la compatibilité ou fournir des alternatives pour garantir une expérience cohérente.
- Cas d'utilisation typiques : La propriété est souvent utilisée dans des interfaces telles que :
- Les menus déroulants où les options suivantes doivent être accessibles avec la flèche bas.
- Les grilles de contenu (comme les galeries d'images ou les catalogues de produits).
- Les applications interactives sur des téléviseurs ou des bornes interactives.
- Fallback pour navigateurs non compatibles : Pour les navigateurs ne prenant pas en charge nav-down, les développeurs peuvent utiliser
JavaScript pour simuler une navigation spatiale via des gestionnaires d'événements de clavier, garantissant ainsi une
expérience utilisateur similaire.
- Éviter les boucles de navigation : Lors de la configuration de nav-down, il est essentiel de tester les scénarios pour éviter des boucles infinies ou
des chemins de navigation incohérents, notamment si plusieurs éléments pointent vers le même ou aucun élément.
- Impact sur le design responsive : Dans les interfaces adaptatives, les chemins de navigation définis par nav-down peuvent nécessiter des ajustements
en fonction de la disposition de l'écran pour garantir que l'expérience utilisateur reste intuitive sur différents appareils.
Dernière mise à jour : Dimanche, le 20 décembre 2015
