HTML : structurer le Web (école d'ingénieur) · Chapitre 8 · Exercice de TD
Ordre de tabulation
Accessibilité · niveau 2
Énoncé
Une page contient, dans l'ordre du code : un lien « Accueil », un champ « Recherche » avec tabindex="2", un bouton « OK », un lien « Catalogue » avec tabindex="1", un paragraphe avec tabindex="0" et un champ « Courriel » avec tabindex="-1".
- Dans quel ordre la touche Tabulation parcourt-elle ces éléments ?
- Qu'est-ce qui ne va pas ? Corriger.
Corrigé
- D'abord les
tabindexpositifs, par valeur croissante : « Catalogue » (1), « Recherche » (2) ; puis les éléments àtabindex="0"ou focusables par défaut, dans l'ordre du code : « Accueil », « OK », le paragraphe. Le champ « Courriel », à-1, n'est jamais atteint au clavier. - L'ordre ne suit plus la page ; un paragraphe reçoit le focus sans rien permettre de faire ; et un champ de formulaire est inaccessible au clavier. Correction : retirer tous les
tabindex, et ranger le code dans l'ordre voulu.
100 % gratuit
La suite du chapitre est sur Adloun
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.