Acessibilidade
O Mapa do Cuidado é projetado para ser acessível a todos
Navegação por teclado
O Mapa do Cuidado pode ser totalmente navegado usando apenas o teclado:
- TabMover para o próximo elemento interativo
- Shift + TabMover para o elemento interativo anterior
- EnterAtivar botões e links
- EspaçoSelecionar opções em formulários
- Setas ↑ ↓Navegar em listas e dropdowns
Suporte a leitores de tela
O Mapa do Cuidado é compatível com leitores de tela populares como:
- • NVDA (Windows)
- • JAWS (Windows)
- • VoiceOver (macOS, iOS)
- • TalkBack (Android)
Utilizamos ARIA labels e semantic HTML para garantir que todo conteúdo seja acessível através de leitores de tela.
Acessibilidade visual
- ✓Contraste adequado: Todos os textos têm contraste suficiente com seus fundos (WCAG AA)
- ✓Sem dependência de cor: Informações não são transmitidas apenas por cor (usamos padrões e ícones)
- ✓Tamanho de fonte ajustável: Use a função de zoom do seu navegador para aumentar o texto
- ✓Foco visível: Um anel azul aparece ao redor de botões quando navegando por teclado
- ✓Tipografia clara: Usamos a fonte Inter, otimizada para legibilidade
Design responsivo e mobile-first
O Mapa do Cuidado foi projetado mobile-first e funciona perfeitamente em:
- • Smartphones (pequenas telas)
- • Tablets (telas médias)
- • Desktop (telas grandes)
- • TV e displays públicos
Botões são dimensionados adequadamente para serem facilmente selecionáveis em qualquer dispositivo, particularmente importante para usuários com limitações motoras.
Acessibilidade cognitiva
- ✓Linguagem clara: Evitamos jargão desnecessário e explicamos conceitos claramente
- ✓Estrutura consistente: Cada página segue um padrão lógico
- ✓Navegação intuitiva: É fácil encontrar o que você procura
- ✓Confirmação visual: Feedback claro quando ações são completadas
- ✓Sem distrações: Design focado no essencial
Alternativas acessíveis
- ✓Tabela de dados: O mapa territorial possui uma tabela acessível equivalente que pode ser alternada com um clique
- ✓Valores em texto: Todos os números e dados estão incluídos diretamente nos elementos, sem dependência de cores ou gráficos
- ✓Rótulos singulares/plurais: Usamos "1 participação" e "2 participações" conforme apropriado
- ✓Suporte a redução de movimento: Animações são respeitadas quando `prefers-reduced-motion` está ativado
Conformidade com padrões
O Mapa do Cuidado foi desenvolvido com o objetivo de seguir as diretrizes Web Content Accessibility Guidelines (WCAG) 2.1 Level AA, o padrão reconhecido internacionalmente para acessibilidade na web.
⚠️ Nota importante: A conformidade total com WCAG 2.1 AA exige auditoria técnica independente. Se encontrar problemas de acessibilidade, por favor nos informe para que possamos corrigir.
Encontrou um problema de acessibilidade?
Se você encontrar algo que não é acessível, por favor nos informe. Sua contribuição nos ajuda a melhorar.
Email: accessibility@syvtek.care