Descrição: Ferramenta que permite aos usuários personalizar a interface do site de acordo com necessidades visuais, cognitivas ou motoras específicas, garantindo uma navegação mais confortável para todos.
Para que serve? (Exemplos práticos)
Esta ferramenta é fundamental para garantir que seu site seja utilizável pelo maior público possível, incluindo usuários com deficiências temporárias ou permanentes.
- Melhorar a legibilidade: Um usuário com baixa visão pode aumentar o tamanho do texto e ativar alto contraste com um único clique.
- Reduzir distrações: Um usuário com dislexia ou TDAH pode ativar uma fonte específica ou uma máscara de leitura para focar melhor no conteúdo.
- Garantir segurança: Pessoas sensíveis a estímulos visuais podem desativar animações e reduzir a saturação das cores para uma navegação mais segura.
Funcionalidades principais
O painel de acessibilidade pode ser acessado por meio de um ícone flutuante na lateral da tela e divide suas funções em quatro categorias principais:
1. Perfis de acessibilidade (Configurações rápidas)
Estes perfis ativam automaticamente uma combinação de ferramentas otimizadas para necessidades específicas, permitindo configurar o site instantaneamente. A ativação de um perfil desativa automaticamente os outros.
| Perfil | Objetivo |
|---|---|
| Seguro para epilepsia | Remove animações, efeitos de movimento e reduz o uso de cores saturadas. |
| Para baixa visão | Aumenta o contraste e o tamanho do texto para melhorar a visibilidade. |
| Para deficiências cognitivas | Destaca links e títulos principais para melhorar o foco e a orientação. |
| Amigável para TDAH | Ativa ferramentas que reduzem distrações visuais, como a máscara de leitura. |
| Para cegos | Otimiza a navegação via teclado e o uso de fontes legíveis para leitores de tela. |
2. Ajuste de conteúdo
Estas ferramentas atuam diretamente na apresentação do texto.
- Aumentar/Diminuir texto: Ajusta o tamanho da fonte em toda a página, mantendo a proporção original.
- Fonte legível: Aplica uma fonte padrão e clara (Arial) em todos os elementos textuais.
- Fonte dislexia: Aplica uma fonte especificamente projetada para facilitar a leitura por pessoas com dislexia.
- Destacar títulos: Adiciona destaque visual aos títulos (H1, H2, etc.) para facilitar a escaneabilidade da página.
- Sublinhar links: Garante que todos os hiperlinks estejam claramente sublinhados.
3. Ajuste visual
Estas ferramentas modificam o aspecto cromático e dinâmico da página.
- Contraste escuro: Aplica um tema escuro (modo noturno) em todo o site.
- Alto contraste: Aumenta drasticamente o contraste entre texto e fundo.
- Baixa saturação: Reduz a intensidade das cores.
- Ocultar imagens: Esconde todas as imagens decorativas e fotográficas para reduzir o carregamento visual.
- Reduzir animações: Desativa efeitos de transição e movimento.
4. Navegação e orientação
Estas ferramentas auxiliam o usuário a seguir o conteúdo e interagir com o mouse.
- Lupa: Amplia o texto sobre o qual o cursor do mouse está posicionado.
- Máscara de leitura: Escurece grande parte da tela, deixando visível apenas uma faixa horizontal estreita que segue o cursor, ajudando a manter a concentração na linha atual.
- Guia de leitura: Fornece uma linha horizontal que acompanha o cursor para ajudar no rastreamento da linha de texto.
- Cursor preto/branco grande: Aumenta o tamanho do cursor do mouse e altera sua cor para torná-lo mais visível.
Como configurar
O módulo não requer nenhuma configuração por parte do administrador, pois foi projetado para ser utilizado diretamente pelo usuário final.
Nota importante: Todas as configurações escolhidas pelo usuário são salvas no seu navegador. Isso significa que, uma vez ativadas, as preferências de acessibilidade permanecerão ativas sempre que o usuário retornar ao site, até que sejam desativadas ou redefinidas.
Integrações automáticas
Acesso rápido e persistência
O painel de acessibilidade está sempre disponível através de um ícone flutuante. As configurações escolhidas são aplicadas imediatamente e mantidas ativas mesmo após fechar e reabrir o navegador.
Navegação assistida
O módulo adiciona automaticamente um link "Pular para o conteúdo principal" no início da página. Isso é essencial para usuários que navegam via teclado ou leitores de tela, permitindo-lhes pular rapidamente os elementos de navegação e acessar diretamente ao conteúdo central da página.
Redefinir
Há sempre um botão Redefinir no painel, que cancela todas as alterações feitas e restaura a aparência padrão do site.
