5.1.2.1 - Requisitos para configurações de acessibilidade
Descrição
A aplicação deve respeitar as configurações de acessibilidade do dispositivo do usuário. A aplicação não pode alterar as configurações de acessibilidade do usuário sem que ele seja notificado e concorde com a mudança.
Exemplo
Se o modo noturno do dispositivo do usuário estiver habilitado, a aplicação não desabilita essa função de forma automática.
Cenários para desenvolvimento de interfaces
Escolha um perfil para ver as orientações específicas:
Desenvolva interfaces que se adaptem às configurações de acessibilidade do dispositivo, como tamanhos de fonte aumentados, contrastes elevados ou modos de cores específicos. Certifique-se de que a experiência visual e interativa se mantenha consistente com as preferências de acessibilidade dos usuários.
Projete para as preferências do sistema
A interface deve se adaptar a fonte maior, alto contraste e modo escuro.
Certo: Layout flexível
anotação de especificação
Com fonte do sistema em 200%, os textos quebram linha e os botões crescem.
Errado: Layout rígido
anotação de especificação
Tamanho de fonte fixo; ignora a configuração do sistema.
No código, garanta que a aplicação detecte e respeite automaticamente as configurações de acessibilidade do sistema do usuário, como modos de alto contraste ou leitor de tela. Se houver necessidade de ajustes, notifique o usuário e peça sua permissão antes de modificar qualquer configuração de acessibilidade.
Leia as preferências, não as sobrescreva
Use unidades relativas e as consultas de mídia de preferência do usuário.
Certo: Respeita a configuração
html { font-size: 100%; } body { font-size: 1rem; } @media (prefers-color-scheme: dark) { … }Acompanha fonte e tema do sistema.
Errado: Sobrescreve a configuração
html { font-size: 14px !important; } /* força tema claro sempre */Anula a escolha da pessoa usuária.
Aprenda a fazer com conteúdos selecionados para você
Garanta que as equipes de design e desenvolvimento sigam diretrizes que respeitem as configurações de acessibilidade do dispositivo do usuário, promovendo uma experiência inclusiva e personalizada, sem modificações automáticas que possam impactar a acessibilidade.
Teste com as configurações do sistema
Inclua fonte grande, alto contraste e leitor de tela no roteiro de testes.
Checklist do requisito 5.1.2.1: configurações do sistema
- respeitada
Fonte ampliada
configuração
- respeitado
Modo escuro
configuração
- pendente
Alto contraste
configuração
2 de 3 configurações respeitadas, 1 pendente de revisão.
Verificar configurações de acessibilidade
Certifique-se de que a aplicação reconheça e respeite as configurações de acessibilidade do dispositivo do usuário, como tamanho de texto, contraste, narração e outras preferências.
Não modificar sem consentimento
Garanta que a aplicação não altere, modifique ou desative as configurações de acessibilidade do usuário automaticamente. Se houver necessidade de uma mudança nas configurações, a aplicação deve notificar o usuário e obter seu consentimento explícito antes de fazer qualquer alteração.
Testar a adaptação da interface
Valide se a aplicação responde corretamente às configurações de acessibilidade, como modos de alto contraste, aumento de fontes e suporte a leitores de tela, para confirmar que todos os elementos da interface são exibidos de maneira adequada.
Mensagens de notificação claras
Se a aplicação precisar ajustar alguma configuração para funcionamento otimizado, exiba uma mensagem clara explicando o motivo e solicitando a permissão do usuário para proceder com a mudança.
Garantir a conformidade
Siga as diretrizes de acessibilidade relevantes (por exemplo, WCAG ou ABNT) para assegurar que a aplicação esteja em conformidade com os padrões globais de acessibilidade.
Realizar testes de usabilidade
Inclua usuários com necessidades de acessibilidade nos testes de usabilidade para verificar se a aplicação está, de fato, respeitando e mantendo as configurações individuais do dispositivo.
Ative as configurações e abra o app
Mude as opções de acessibilidade do dispositivo e confira se o app as mantém.
Certo: Configurações mantidas
Fonte grande ativada → textos ampliados
Modo escuro ativado → app escuro
Nenhum aviso de alteração
O app se adapta à pessoa.
Errado: Configurações alteradas
Fonte grande ativada → textos no tamanho padrão
App desativa o modo escuro sozinho
Sem aviso nem pedido de permissão
O app desfaz a escolha da pessoa.
Estruture o conteúdo de forma flexível para se adaptar às configurações de acessibilidade previamente estabelecidas pelo usuário sem as alterar, garantindo que ele seja legível e fácil de navegar, independentemente de configurações personalizadas como aumento de fonte ou contraste.
Peça permissão antes de mudar algo
Se precisar sugerir uma mudança, explique e deixe a decisão com a pessoa.
Certo: Pede consentimento
mensagem
"Para ver o mapa com mais detalhes, você pode desativar o modo escuro. Deseja desativar?"
Explica o motivo e pergunta.
Errado: Muda sem avisar
mensagem
"Modo escuro desativado."
Decide pela pessoa.
Requisitos relacionados
Outros requisitos que se aplicam aos mesmos componentes.