Cómo habilitar la navegación del teclado para la tabla material-ui
Tengo una aplicación de reacción creada con Material-UI. El usuario ha solicitado habilitar la navegación con teclado para todo el sitio web. No puedo navegar por las tablas con el teclado en este sitio web. Mi mesa se parece ahttps://material-ui.com/components/tables/#fixed-header. Quiero subir y bajar una fila presionando "flecha arriba" y "flecha abajo" en el teclado. ¿Cómo puedo habilitar esto?
Respuestas
La navegación del teclado generalmente se refiere a poder enfocarse y activar elementos interactivos como enlaces, botones, selectores de fecha, modales, etc. usando solo los controles del teclado. Una mesa no es un elemento interactivo, por lo que no se puede enfocar con el teclado.
La solicitud de su usuario puede estar destinada a garantizar que el sitio web cumpla con las Pautas de accesibilidad al contenido web . Las tablas de IU de materiales se marcan semánticamente como tablas con una fila de encabezado de tabla, por lo que los elementos básicos están ahí para cumplir con este criterio.
Si activa un lector de pantalla (como VoiceOver en Mac o NVDA en Windows), podrá navegar por la tabla con las teclas de flecha y el lector de pantalla anunciará cada celda.
- https://webaim.org/techniques/tables/data