Dans l'interface Web ci-dessous, si j'interagis via les touches du clavier, quelles sont les bonnes touches utilisées pour les onglets (Général/Pare-feu/Confidentialité) navigation?
a) Touche Tab
b) Touches fléchées gauche, droite
c) Touches fléchées gauche, droite, haut et bas
d) tout ce qui précède
La plupart des IDE, navigateurs Web et autres TDI utilisation du logiciel CtrlTab pour changer d'onglet, quel que soit l'élément d'interface utilisateur actuellement sélectionné.
Références:
raccourcis clavier Chrome
raccourcis clavier Mozilla
PHPStorm Navigation entre les onglets de l'éditeur
Modifier l'adressage de la question modifiée: Malheureusement, les interfaces graphiques Web n'ont pas de conventions. Même interface Github n'utilise pas les commandes du clavier pour fournir une navigation par onglets. Tous les exemples d'interfaces graphiques Web qui fournissent des raccourcis clavier pour la navigation par onglets seraient appréciés dans les commentaires.
Microsoft dispose de normes de navigation clavier existantes.
https://msdn.Microsoft.com/en-us/library/ms971323.aspx
En bref:
onglet se déplace entre les widgets
Dans les applications Windows, les utilisateurs naviguent en appuyant sur la touche TAB pour déplacer le focus d'entrée d'un élément d'interface utilisateur à un autre
touches fléchées parcourir les options dans le contrôle plus large (par exemple, éléments de menu, options déroulantes)
Le focus d'entrée doit être uniquement sur l'élément sélectionné et un utilisateur doit pouvoir sélectionner d'autres options à l'aide des touches fléchées.
Comme vos images sont dans le magasin d'une application Windows en supposant que c'est votre cible. Ce modèle d'interaction est commun à tous les autres systèmes d'exploitation, si votre cible est ailleurs.
Un aspect important à retenir avec tabulation et tab-index
est l'accessibilité. Je suppose que vous posez cette question parce que vous voulez la meilleure approche au clavier, donc il y a deux choses à considérer.
Un lecteur d'écran va lire le nom de vos onglets, et avec aria
les étiquettes indiquent à l'utilisateur si cet onglet est actuellement open
ou closed
lorsque l'utilisateur est alerté de ce fait, ils feront l'une des deux choses. Cliquez sur l'onglet suivant ou espace/entrée pour ouvrir l'onglet actuel.
Pour quelqu'un qui n'utilise pas de lecteur d'écran, il va parcourir et s'attendre à un comportement différent. La tabulation met en surbrillance les onglets, puis passe à l'onglet suivant, etc. jusqu'à ce qu'un soit ouvert, lorsqu'ils atteignent un onglet ouvert, ils s'attendent à ce que la touche d'onglet suivante les déplace dans l'onglet ouvert et sélectionne le premier champ de formulaire. Contrairement à l'utilisateur de lecteur d'écran accessible qui est habitué à ouvrir des onglets puis à interagir avec eux.
Dans les deux cas, les touches fléchées ne sont pas utilisées dans les interfaces accessibles sur le Web pour interagir avec les éléments, sauf si un champ de saisie est ouvert pour la sélection.
J'espère que ces points de vue vous aideront à décider quelle approche. Je vérifierais quelles sont vos exigences légales en vertu des lois gouvernementales sur l'accessibilité et j'adopterais les intentions de la majorité de vos utilisateurs. Cependant, assurez-vous d'ajouter des étiquettes aria
dans le développement afin que les lecteurs d'écran sachent ce qui se passe si vous allez à l'encontre d'un paradigme de lecteur d'écran.
Voir cette pièce jointe:
1) En prenant des repères/références de premières interfaces MS Word , vous pourriez penser à mettre un raccourci clavier personnalisé pour les onglets.
2) Généralement, ce sont les premières lettres (en supposant qu'il n'y a pas de conflit) de la Parole.
3) Ceux-ci sont ensuite accessibles via Alt + lettre (Opt + lettre).
4) C'est beaucoup plus facile que de s'attendre à ce que l'utilisateur comprenne Ctrl + Tab comme les raccourcis standard s'appliqueraient également à l'interface utilisateur. Ce sont plus pensés au niveau d'une fenêtre de navigateur.
On peut débattre de la façon dont un utilisateur comprendrait que la lettre Alt + doit être entrée pour changer l'onglet - mais le raisonnement pourrait être que beaucoup d'utilisateurs de Word sont déjà conscients de cela, et pour le reste, un indice ou un conseil pourrait faire l'affaire. Il est également beaucoup plus facile de changer les onglets de manière non consécutive.
Voici la référence MS-Word:
La première question est: avez-vous vraiment besoin de deux couches de navigation? Sur l'écran que vous avez publié, il ne semble pas qu'il y ait autant d'options. Pour les sites Web, il est parfaitement possible de mettre une liste plus longue de paramètres.
En plaçant tous les paramètres dans une longue liste, vous pouvez toujours les regrouper sous des étiquettes non sélectionnables Général, Pare-fe et Confidentialité.
Avec un seul niveau de navigation, vous pouvez simplement mapper les touches haut et bas pour parcourir les paramètres.