Acessibilidade
Como desenvolvemos para usuários de teclado, leitores de tela, baixa visão e tecnologia básica. Um registro honesto e datado.
O que nos comprometemos a fazer
- Navegação completa por teclado. Todo controle do gerador, todo modal e todo fluxo de exportação é acessível sem mouse.
- Estados de foco visíveis. Inputs, botões e links em foco exibem um contorno claro. Não dependemos apenas de cor.
- Rótulos em todos os campos. Inputs de formulário têm elementos
<label>associados ou atributosaria-label. O texto de placeholder nunca é usado como único rótulo. - Regiões ARIA live para a prévia do QR e notificações. Leitores de tela anunciam "QR gerado" e mensagens de notificação quando disparam, não apenas quando o foco se move até eles.
- Alternativas de texto para botões apenas com ícones.
aria-labelem todo botão exclusivamente SVG. - Significado de status independente de cor. Indicadores de escaneabilidade e chips de compatibilidade combinam cor com glifo e rótulo de texto.
- Nomes explícitos de formato de exportação. Botões de download dizem "Download PNG", "Download SVG" etc., não apenas "Download".
- Alvos de toque grandes em dispositivos móveis. Elementos interativos têm no mínimo 44 × 44 pixels CSS em ponteiros imprecisos, conforme WCAG 2.5.8.
- Respeito à preferência de movimento reduzido. Transições são desativadas com
prefers-reduced-motion: reduce.
Onde ainda faltamos
- A cobertura de testes com leitor de tela é irregular. O Gerador foi testado com VoiceOver (macOS/iOS) e NVDA. JAWS e TalkBack precisam de mais atenção.
- O Designer de Cartões de Visita é centrado no mouse por design (arrastar para posicionar, prévia em canvas). Existem alternativas por teclado para cada controle, mas o ciclo de feedback da prévia ao vivo ainda é predominantemente visual.
- Fluxos complexos do gerador (CSV em lote, assistente de múltiplas etapas) precisam de uma estrutura de links de atalho melhor. Planejado.
- Nossa matriz de compatibilidade é apresentada atualmente como tabelas HTML. Os cabeçalhos de coluna funcionam para leitores de tela, mas gostaríamos de adicionar resumos descritivos mais detalhados para cada linha.
Navegadores e tecnologias assistivas testados
Última avaliação completa: abril de 2026. Entre avaliações, fazemos verificações pontuais após mudanças significativas na interface.
| Navegador | AT | Plataforma | Status |
|---|---|---|---|
| Safari | VoiceOver | macOS 15, iOS 18 | Testado, aprovado |
| Firefox | NVDA | Windows 11 | Testado, aprovado |
| Chrome | NVDA | Windows 11 | Testado, aprovado |
| Chrome | ChromeVox | ChromeOS | Verificação pontual |
| Chrome | TalkBack | Android 14, 15 | Verificação pontual |
| Edge | Narrator | Windows 11 | Verificação pontual |
| Safari | JAWS | Windows 11 | Ainda não testado |
Mapa de teclado
- Tab / Shift+Tab: avançar / voltar entre elementos focalizáveis.
- Enter / Space: ativar botões e alternadores.
- Teclas de seta: mover entre opções dentro de um grupo de rádio (seletor de tipo, selecionador de modelo, barra de abas).
- Escape: fechar modais (Designer de Cartões de Visita, preflight, serviços de impressão, corte de imagem).
- Home / End dentro de um menu de estouro vai para o primeiro / último item.
Relatar um problema
Se algo não for acessível por teclado, estiver com rótulo incorreto ou for inutilizável com sua configuração, envie um e-mail para hello@abundera.ai. Inclua seu navegador, sistema operacional, AT e o fluxo específico. Tratamos bugs de acessibilidade como problemas prioritários.