Padrões de acessibilidade e controles de teclado.
O AutoSilenceCut foi construído com base nos padrões WCAG 2.2 AA, garantindo navegação por teclado, alto contraste e compatibilidade com leitores de tela.
Navegação por teclado e referência de atalhos
Todas as ações do espaço de trabalho podem ser executadas totalmente via teclado sem a necessidade de usar o mouse.
| Tecla / Combinação | Ação Executada | Contexto de Aplicação |
|---|---|---|
| Espaço | Reproduzir / pausar a mídia | Qualquer visualização ativa do espaço de trabalho |
| J | Voltar 2,0 segundos | Reprodução de revisão ativa |
| L | Avançar 2,0 segundos | Reprodução de revisão ativa |
| K | Pausar a reprodução imediatamente | Reprodução de revisão ativa |
| R | Alternar entre manter / restaurar o corte de pausa selecionado | Pausa selecionada |
| ↑ (seta para cima) | Selecionar o corte de silêncio sugerido anterior na lista | Lista de pausas em foco |
| ↓ (seta para baixo) | Selecionar o próximo corte de silêncio sugerido na lista | Lista de pausas em foco |
| ⌘ Z / Ctrl Z | Desfazer a última decisão de edição ou alteração de configuração | Todo o espaço de trabalho |
| ⌘ ⇧ Z / Ctrl Shift Z | Refazer a última decisão de edição desfeita | Todo o espaço de trabalho |
| ? | Abrir a janela acessível de atalhos de teclado | Todo o espaço de trabalho |
| Esc | Fechar a caixa de diálogo aberta e devolver o foco ao controle que a abriu | Caixa de diálogo ativa |
| Tab / Shift+Tab | Avançar / voltar pelos controles interativos na ordem lógica do DOM | Navegação geral da página |
Pilares de conformidade com a WCAG 2.2 AA
Como nossos tokens de interface, a arquitetura do DOM e os padrões ARIA garantem acessibilidade completa.
Padrões de contraste de cores (≥ 4.5:1)
Todos os tokens de texto, tanto no modo claro (papel quente e tinta) quanto no modo escuro (obsidiana de estúdio e aço), mantêm uma taxa de contraste mínima de 4.5:1 em relação às superfícies de fundo. As bordas dos componentes da interface mantêm contraste ≥ 3.0:1.
Anéis de foco visíveis (3px na cor de destaque)
Os elementos interativos exibem um anel de foco sólido de 3px, bem visível e de alto contraste (:focus-visible) com deslocamento de 2px, para que quem navega pelo teclado acompanhe sua posição com clareza.
Regiões dinâmicas ARIA para leitores de tela
Operações assíncronas (por exemplo, a análise do áudio, o recálculo dos cortes de silêncio e as métricas de tempo economizado) são anunciadas de forma discreta via aria-live="polite" sem roubar o foco do teclado nem interromper a leitura em voz alta.
Respeito ao movimento reduzido
Quando prefers-reduced-motion: reduce é detectado, todas as transformações e transições CSS são desativadas instantaneamente para proteger pessoas propensas a distúrbios vestibulares.