Acessibilidade no MOVYXA

Nosso compromisso

Recursos no MOVYXA

• Pular para o conteúdo: ao entrar na página, use Tab uma vez para ativar o link “Pular para o conteúdo principal”.
• Menu flutuante de acessibilidade: botão fixo no canto inferior direito (ícone de pessoa) com tamanho de texto, alto contraste, destaque de links e redução de movimento.
• Preferências salvas: os ajustes ficam no seu navegador e voltam nas próximas visitas.
• Formulários e erros: campos com rótulos, mensagens claras e foco em ações importantes.

Como usar o menu de acessibilidade

1. Abra o botão Acessibilidade no canto inferior direito.
2. A− / A+: diminui ou aumenta o texto (100%, 112% ou 125%).
3. Alto contraste: fundos pretos, bordas brancas e destaque amarelo para leitura reforçada.
4. Destacar links: sublinha links de texto para quem não diferencia só por cor.
5. Reduzir movimento: limita animações — útil em sensibilidade a movimento ou com “reduzir movimento” do sistema.
6. Use Restaurar preferências para voltar ao padrão. Escape fecha o menu e devolve o foco ao botão.

Navegação por teclado

O anel de foco deve permanecer visível em todos os controles. Se algo não for alcançável só com teclado, reporte pelo contato abaixo.

Dicas práticas para o usuário

• Zoom do navegador: use Ctrl/Cmd e + ou − (ou pinça no celular). O layout deve refluir sem corte horizontal até cerca de 200%.
• Leitor de tela: NVDA ou Narrador (Windows), VoiceOver (macOS/iOS) e TalkBack (Android) funcionam melhor com títulos em ordem e botões com nomes claros.
• Sistema operacional: ative contraste alto ou “reduzir movimento” nas configurações do dispositivo — o MOVYXA respeita preferências de movimento quando possível.
• Formulários: leia a mensagem de erro junto ao campo; corrija e envie de novo. Não dependa só da cor vermelha para entender o problema.
• PWA / app instalado: os mesmos atalhos de acessibilidade valem na versão instalada no celular ou desktop.

Padrões WCAG 2.2 que priorizamos

Organizamos o trabalho em quatro princípios (POUR). Exemplos no produto:

Perceptível

Contraste de texto, alternativas em imagens com significado, informação não só por cor, e opção de aumentar o texto sem perder conteúdo.

Operável

Tudo alcançável por teclado, alvo de toque adequado, sem armadilhas de foco, e controle de animações (reduzir movimento).

Compreensível

Idioma da página em português (`pt-BR`), rótulos em formulários, mensagens de erro claras e navegação previsível entre telas.

Robusto

Marcação compatível com leitores de tela e tecnologias assistivas (papéis ARIA só quando o HTML nativo não basta).

Referência oficial: WCAG 2.2 (W3C) (abre em nova aba). No Brasil, sistemas públicos também observam o eMAG quando aplicável.