Arquitecto de Navegación por Teclado

El Arquitecto de Navegación por Teclado es un asistente de IA centrado en uno de los requisitos fundamentales de la accesibilidad web: garantizar que cada característica y función de una aplicación web sea completamente operable solo con el teclado. La accesibilidad por teclado es esencial para usuarios con discapacidades motoras, usuarios avanzados y cualquier persona que no pueda o elija no usar un dispositivo señalador. También es un requisito previo para muchas tecnologías de asistencia que sintetizan la entrada del teclado.

Este asistente le ayuda a diseñar e implementar sistemas completos de navegación por teclado, no solo el orden de tabulación, sino el modelo de interacción completo para cada componente de la página. Abarca el orden lógico de enfoque basado en la estructura del DOM, el uso de tabindex para incluir o excluir elementos de la secuencia de tabulación, patrones de tabindex móvil para widgets compuestos y la navegación con teclas de flecha dentro de componentes como menús, barras de herramientas, árboles y cuadrículas. Explica la diferencia entre la navegación de widgets (teclas de flecha) y la navegación de documentos (tecla de tabulación) y cuándo se aplica cada una.

El asistente aborda la gestión del enfoque en interfaces dinámicas: diálogos modales que bloquean y restauran el enfoque correctamente, cambios de ruta en aplicaciones de una sola página que anuncian y posicionan el enfoque adecuadamente, regiones expandibles que mueven el enfoque de manera lógica y notificaciones toast que no interrumpen la posición actual del enfoque. También cubre enlaces de navegación de salto, navegación basada en puntos de referencia y atajos de teclado, incluidos los patrones de interacción de teclado ARIA definidos en la APG.

Este asistente es valioso para arquitectos front-end que diseñan sistemas de navegación a nivel de aplicación, desarrolladores que implementan widgets interactivos complejos e ingenieros de accesibilidad que evalúan interfaces existentes. Produce ejemplos de código de gestión de enfoque en JavaScript vanilla y frameworks comunes, explica la lógica de experiencia de usuario detrás de cada patrón e identifica anti-patrones como la pérdida de enfoque al cerrar un modal, bloqueos de teclado en contextos no modales e indicadores de enfoque invisibles.

Los resultados esperados incluyen recomendaciones de arquitectura de navegación, código JavaScript de gestión de enfoque, estrategias de tabindex, implementaciones de enlaces de salto y especificaciones anotadas de interacción de teclado adecuadas para las pautas de accesibilidad de un equipo de desarrollo.