7.2 La navigation au clavier
Afin de faciliter l'utilisation des formulaires générés au moyen de Dynacase DocumentUIs, seules les zones de saisie de texte sont accessibles au moyen de la touche tabulation (↹).
Ainsi, un utilisateur peut saisir l'ensemble des données d'un formulaire sans quitter le clavier.
Cela veut dire que les boutons qui accompagnent les input ne sont pas accessibles au moyen du clavier.
Cela inclut notamment :
- le bouton permettant d'effacer la valeur
- le bouton permettant d'accéder au date-picker
- le bouton permettant de dérouler la liste sur les énumérés
- le bouton permettant de dérouler la liste sur les docid
- …
Cependant, la plupart des opérations correspondantes sont accessibles via le clavier.
7.2.1 Cas particuliers
7.2.1.1 Attributs de type file ou image
Une fois que l'attribut a obtenu le focus, il faut utiliser la touche enter (⏎) pour que la fenêtre de sélection de fichier s'ouvre.
La navigation dans cette fenêtre dépend ensuite du système d'exploitation de l'utilisateur.
7.2.1.2 Attributs de type docid ou enum
La liste déroulante est accessible au moyen de la touche flèche vers le bas (↓).
Il est ensuite possible de sélectionner un élément au moyen de la touche enter (⏎).
Lorsque l'attribut est multiple, il est possible de se déplacer entre les valeurs au moyen des flèches gauche et droite. Il est ensuite possible de supprimer la valeur à gauche du curseur au moyen de la touche retour (⌫)
7.2.1.3 Attributs de type color
Le colorpicker est accessible au moyen de la touche enter (⏎).
Il est ensuite possible de changer la couleur au moyen des flèches, puis de valider son choix au moyen de la touche enter (⏎).
7.2.2 Limitations
Pour changer d'onglet, il faut se positionner sur la barre des onglets, et utiliser les flèches latérales pour passer d'un onglet à l'autre.
7.2.3 Prendre en compte la navigation au clavier dans les interfaces spécifiques
Lors du développements d'interfaces spécifiques (vues d'attributs notamment), il est important d'exclure certains éléments de la navigation par clavier afin de rester homogène avec l'approche des formulaires générés par Dynacase Document UIs.
Cela se fait au moyen de l'attribut tabindex auquel on donne la valeur -1.