Acessibilidade

O Cravar é construído com acessibilidade WCAG 2.1 AA como mínimo. Sem perfumaria — site acessível é site decente.

Versão 1.0Atualizado em 17/05/2026

O que a gente garante

Contraste mínimo 4.5:1 em texto normal e 3:1 em texto grande (testado em todos os tokens da paleta)
Navegação por teclado completa: tab, shift+tab, enter, espaço, esc
Focus ring lime de 2px sempre visível em elementos interativos
Skip-to-content link no topo de cada página
aria-label em todos os ícones sem texto
aria-live em estados que mudam dinamicamente (score atualizando, DSAR status)
Formulários com label associado e mensagens de erro vinculadas via aria-describedby
Cores nunca como única forma de transmitir informação (combinamos com ícone, texto, padrão)
prefers-reduced-motion respeitado em todas as animações
Tamanho de toque mínimo 44×44px em mobile

Testado com VoiceOver (macOS/iOS), NVDA (Windows), JAWS (Windows), TalkBack (Android).

Algumas animações cinematográficas (Aurora, beam lines) ainda podem ser otimizadas pra reduce-motion
Tradução para Libras: planejado pra fase pós-PMF
Audiodescrição em vídeos: assim que tivermos vídeos com áudio

SLA de resposta: 2 dias úteis. SLA de fix crítico: 14 dias.

O que a gente garante

Contraste mínimo 4.5:1 em texto normal e 3:1 em texto grande (testado em todos os tokens da paleta)

Navegação por teclado completa: tab, shift+tab, enter, espaço, esc

Focus ring lime de 2px sempre visível em elementos interativos

Skip-to-content link no topo de cada página

aria-label em todos os ícones sem texto

aria-live em estados que mudam dinamicamente (score atualizando, DSAR status)

Formulários com label associado e mensagens de erro vinculadas via aria-describedby

Cores nunca como única forma de transmitir informação (combinamos com ícone, texto, padrão)

prefers-reduced-motion respeitado em todas as animações

Tamanho de toque mínimo 44×44px em mobile