Conseils sur l'utilisation de Tabindex et de javascript/jquery pour faciliter le "tabbing"

Question

Je crée une application volumineuse et complexe et j'ai besoin de définir des tabindexes pour aider l'utilisateur à naviguer dans les pages. Ceci est une application privée, donc je n'ai pas de restriction sur (ab) l'utilisation de javascript (jquery).

J'ai actuellement ces questions.

1) Comment forcer avec javascript (jquery) le navigateur à déplacer le curseur dans une zone de texte spécifique dès qu'une page est chargée? J'ai remarqué que souvent les navigateurs ne placent pas automatiquement le curseur dans la première entrée indexée. Je veux un moyen infaillible qui l'oblige, peu importe quoi.

2) Certains champs qui activent ui enanchement (à savoir jquery ui datepicker) ont des problèmes de tabulation (comme avoir à appuyer deux fois sur la tabulation pour s'en éloigner), est-il possible d'éviter cela?

3) Comment lisez-vous et définissez tabindex avec jquery? J'ai des champs cachés/affichés en fonction de l'action de l'utilisateur et ils devraient pouvoir "donner" leur tabindex à d'autres champs s'ils sont cachés, est-ce un problème, le navigateur considère-t-il encore un tabindex après le chargement de la page?

Merci très muchh

Answer 1

1. Pour mettre l'accent sur une zone de texte spécifique, faites ceci (en supposant id textbox est #firstBox): $('#firstBox').focus(); Voir d'autres exemples ici: How do you automatically set the focus...
2. Pas particulièrement parce que le DatePicker est également sa propre interface utilisateur, donc il a divers objets à l'intérieur qui peuvent être concentrés sur (ce qui est ce que tabulation reprend).
3. En fait, maintenant que j'y ai pensé, si vous cachez un champ (AKA, "caché") il n'aura pas de tabindex et les autres onglets seront en ligne avec ce qui est défini pour le navigateur (typiquement top en bas, de gauche à droite). Vous ne devriez pas avoir à vous soucier de la configuration manuelle du tabindex.