En la implementación número 1001 del carrusel, me gustaría manejar el enfoque "correctamente".
Algunas preguntas rápidas relacionadas con UI/UX de este componente:
element.focus() , como una solución HTML/CSS pura?element.focus() ? ¿Cuál debería ser el rol de ARIA para este componente?Con respecto al enfoque, pregunta si el enfoque se puede mantener en los botones sin usar focus() . Absolutamente. De hecho, cuando hace clic en un botón, el foco no se moverá a menos que lo mueva específicamente o si el elemento en el que hizo clic se oculta. Entonces, si su deseo es dejar el foco en el botón, entonces no tiene que hacer nada.
Ese es el comportamiento preferido: deje el foco en el botón. Si estoy explorando las diapositivas del carrusel y soy un usuario del teclado, navegaré/tabularé hasta el botón "siguiente" y presionaré enter . Revisaré la diapositiva y, si no es lo que quiero, presionaré Intro nuevamente (suponiendo que mi atención se mantuvo en el botón "siguiente") para ver la siguiente diapositiva. Si fuerza el enfoque para que se aleje del botón y se dirija al contenido del carrusel, entonces tengo que volver al botón "siguiente" antes de poder ver la siguiente diapositiva. Puede ser molesto tener que volver al elemento que acabo de seleccionar.
No entiendo tu tercera o cuarta pregunta.
¿Has mirado las dos referencias de W3.org con respecto a los carruseles?