Estándares de accesibilidad y controles de teclado.
AutoSilenceCut está diseñado según los estándares WCAG 2.2 AA, garantizando navegación por teclado, alto contraste y compatibilidad con lectores de pantalla.
Navegación por teclado y atajos de referencia
Todas las funciones del espacio de trabajo se pueden controlar completamente mediante el teclado sin usar el ratón.
| Tecla / Combinación | Acción Ejecutada | Contexto de Uso |
|---|---|---|
| Espacio | Reproducir / pausar el contenido | Cualquier vista activa del espacio de trabajo |
| J | Retroceder 2,0 segundos | Reproducción de revisión activa |
| L | Avanzar 2,0 segundos | Reproducción de revisión activa |
| K | Pausar la reproducción al instante | Reproducción de revisión activa |
| R | Alternar entre conservar / restaurar el corte de pausa seleccionado | Pausa seleccionada |
| ↑ (flecha arriba) | Seleccionar el corte de silencio propuesto anterior de la lista | Lista de pausas enfocada |
| ↓ (flecha abajo) | Seleccionar el siguiente corte de silencio propuesto de la lista | Lista de pausas enfocada |
| ⌘ Z / Ctrl Z | Deshacer la última decisión de edición o cambio de ajuste | Todo el espacio de trabajo |
| ⌘ ⇧ Z / Ctrl Shift Z | Rehacer la última decisión de edición deshecha | Todo el espacio de trabajo |
| ? | Abrir el cuadro accesible de atajos de teclado | Todo el espacio de trabajo |
| Esc | Cerrar el cuadro de diálogo abierto y devolver el foco al control que lo abrió | Cuadro de diálogo activo |
| Tab / Shift+Tab | Avanzar / retroceder por los controles interactivos en el orden lógico del DOM | Navegación general de la página |
Pilares de conformidad con WCAG 2.2 AA
Cómo nuestros tokens de interfaz, la arquitectura del DOM y los patrones ARIA garantizan una accesibilidad completa.
Estándares de contraste de color (≥ 4.5:1)
Todos los tokens de texto, tanto en el modo claro (papel cálido y tinta) como en el modo oscuro (obsidiana de estudio y acero), mantienen una relación de contraste mínima de 4.5:1 con sus fondos. Los bordes de los componentes de la interfaz mantienen un contraste ≥ 3.0:1.
Anillos de foco visibles (3px de color de acento)
Los elementos interactivos muestran un anillo de foco sólido de 3px, destacado y de alto contraste (:focus-visible) con un desplazamiento de 2px para que quienes navegan con teclado sigan su posición con claridad.
Regiones dinámicas ARIA para lectores de pantalla
Las operaciones asíncronas (p. ej., el análisis del audio, el recálculo de los cortes de silencio o las métricas de tiempo ahorrado) se anuncian de forma discreta mediante aria-live="polite" sin robar el foco del teclado ni interrumpir la voz del lector.
Respeto por el movimiento reducido
Cuando se detecta prefers-reduced-motion: reduce, todas las transformaciones y transiciones CSS se desactivan al instante para proteger a las personas propensas a trastornos vestibulares.