Needless UI

Componentes

Carrusel

Diapositivas en una fila que se desplaza y se ajusta, con botones, puntos y rotación.

Interacción con el teclado

TeclaAcción
TabRecorre el control de rotación, los botones, las diapositivas y luego los puntos.
Flechas izquierda y derecha en las diapositivasSe desplazan a la diapositiva anterior o siguiente.
Intro o EspacioActiva el botón o el punto enfocado.

Notas de accesibilidad

  • El carrusel es una region con aria-roledescription="carousel", y cada diapositiva, un group con aria-roledescription="slide" y un nombre como «Lake Como, 2 of 4».
  • El control de rotación va primero y dice lo que hará. La rotación se pausa bajo el puntero y se detiene cuando entra el foco del teclado, así que nunca mueve lo que alguien está leyendo.
  • Se anuncia dónde queda el carrusel tras un deslizamiento, un botón o un punto; la rotación no dice nada.