Needless UI

Composants

Carrousel

Des diapositives alignées qui défilent et s’aimantent, avec boutons, points et rotation.

Interaction au clavier

ToucheAction
TabParcourt le contrôle de rotation, les boutons, les diapositives, puis les points.
Flèches gauche et droite sur les diapositivesFont défiler jusqu’à la diapositive précédente ou suivante.
Entrée ou EspaceActive le bouton ou le point qui a le focus.

Notes d’accessibilité

  • Le carrousel est une region avec aria-roledescription="carousel", et chaque diapositive un group avec aria-roledescription="slide", nommé par exemple « Lake Como, 2 of 4 ».
  • Le contrôle de rotation vient en premier et dit ce qu’il va faire. La rotation se met en pause sous le pointeur et s’arrête quand le focus clavier y entre : elle ne déplace jamais ce que quelqu’un est en train de lire.
  • L’endroit où le carrousel s’arrête après un balayage, un bouton ou un point est annoncé ; la rotation reste silencieuse.