Onglets avec role ARIA tablist, tab et tabpanel.

Test d'un paragraphe avec élément focussable avant les onglets.

1. En-tête de section de niveau 2

Claws in your leg. Catch mouse and gave it as a present hiss at vacuum cleaner. Munch on tasty moths lounge in doorway but eat and than sleep on your face ignore the squirrels, you'll never catch them anyway. Find a way to fit in tiny box warm up laptop with butt lick butt fart rainbows until owner yells pee in litter box hiss at cats but spill litter box, scratch at owner, destroy all furniture, especially couch love to play with owner's.

Test d'un paragraphe avec élément focussable après les onglets.

Raccourcis clavier

Touche Fonction
tab Permet de déplacer le focus sur l'onglet actif ou le premier élément focusable dans le panneau de tabulation.
Flèche gauche Se déplacer sur l'onglet précédent.
Flèche droite Se déplacer sur l'onglet suivant.
Début Se déplacer sur le premier onglet.
Fin Se déplacer sur le dernier onglet.
Suppr Si la suppression est autorisée sur l'onglet sélectionné, cet élément de tabulation et son contenu seront associés.

Rôle ARIA, propriétés et états

Rôle Propriété/État Élément Utilisation
tablist Sert de conteneur pour les onglets.
tab Contient le titre des onglets, active le panneau de contenu lorsque l'onglet est activé.
tabpanel Contient les onglets associés au contenu.
aria-controls élément avec le role="tab"

Retourner à l'index