Needless UI

Componenti

Carosello

Slide in fila che scorrono e si agganciano, con pulsanti, puntini e rotazione.

Interazione da tastiera

TastoAzione
TabScorre il controllo della rotazione, i pulsanti, le slide e poi i puntini.
Freccia sinistra e destra sulle slidePortano alla slide precedente o successiva.
Invio o SpazioAttiva il pulsante o il puntino con il focus.

Note sull’accessibilità

  • Il carosello è una region con aria-roledescription="carousel", e ogni slide un group con aria-roledescription="slide", con un nome come «Lake Como, 2 of 4».
  • Il controllo della rotazione viene per primo e dice cosa farà. La rotazione va in pausa sotto il puntatore e si ferma quando entra il focus da tastiera, così non sposta mai ciò che qualcuno sta leggendo.
  • Viene annunciato dove arriva il carosello dopo uno swipe, un pulsante o un puntino; la rotazione resta in silenzio.