Acessibilidade não é um complemento — é um requisito. Visamos a conformidade com WCAG 2.1 AA como nossa linha de base. Todos devem poder usar o Zenovay independentemente de suas habilidades.

Contraste de Cor

Todo o texto atende às proporções mínimas de contraste: 4,5:1 para texto de corpo, 3:1 para texto grande. Não dependemos apenas de cor para transmitir significado — ícones e texto fornecem suporte.

Nossa paleta de cores foi projetada com acessibilidade em mente. Cada cor semântica (sucesso, atenção, erro) funciona para usuários com daltonismo quando combinada com ícones apropriados.

Navegação por Teclado

Cada elemento interativo é acessível via teclado. Os estados de foco são visíveis e consistentes. A ordem de tabulação segue a ordem visual. Sem armadilhas de teclado.

Tab e Shift+Tab navegam entre elementos
Enter ativa botões e links
Escape fecha modais e dropdowns
As teclas de seta navegam dentro dos componentes

Leitores de Tela

Usamos HTML semântico primeiro, ARIA quando necessário. As imagens têm texto alternativo. O conteúdo dinâmico anuncia mudanças. Widgets complexos têm papéis e estados adequados.

Os títulos criam estrutura do documento (h1, h2, h3)
As listas agrupam itens relacionados
Botões vs links: botões para ações, links para navegação
Os campos de formulário têm rótulos associados
Regiões ativas anunciam atualizações dinâmicas

Movimento

Respeitamos a media query prefers-reduced-motion. Informações essenciais nunca são transmitidas apenas por meio de movimento. As animações são sutis e intencionais.

Usuários que preferem movimento reduzido veem mudanças de estado instantâneas em vez de transições. A experiência é igualmente funcional sem animação.

Testes

Testamos acessibilidade regularmente:

Testes automatizados com axe-core no CI
Testes manuais de navegação por teclado
Testes com leitores de tela VoiceOver e NVDA
Testes de zoom até 200%
Verificação de contraste de cor no Figma