- Painel
- acessibilidade-digital
- Módulo 3 — Navegação por Teclado, Leitores de Tela e ARIA
- Atividade Prática — Teste de Navegação Apenas com Teclado
Atividade Prática — Teste de Navegação Apenas com Teclado
Escolha uma página com formulário ou fluxo de várias etapas (ex.: um formulário de cadastro, um carrinho de compras, ou este próprio Moodle).
- Desconecte o mouse (ou simplesmente não o utilize) e tente completar uma tarefa realista usando apenas Tab, Shift+Tab, Enter, Espaço e as setas.
- Documente, para cada problema encontrado: o que você tentou fazer, o que aconteceu (ou não aconteceu), e a qual critério do WCAG isso se relaciona (ex.: 2.4.7 Foco Visível, 2.1.1 Teclado, 2.4.3 Ordem do Foco).
- Para pelo menos 2 problemas, proponha uma correção técnica específica.
Envie um relatório curto (texto online ou arquivo) com suas descobertas.
Acessibilidade
Nenhuma opção ativa
Fonte Legível
Aplica Atkinson Hyperlegible
Fonte para Dislexia
Desligado
Destacar Títulos
Destacar Links
Destacar Botões
Tamanho do Texto
Padrão
Altura da Linha
Padrão
Espaçamento do Texto
Padrão
Espaçamento entre Palavras
Padrão
Alinhamento do Texto
Padrão
Leitura Biônica
Como funciona:
- Escurece as primeiras letras de cada palavra, proporcionalmente ao tamanho dela — o restante continua com o peso normal
- Não altera o texto da página: leitores de tela continuam lendo cada palavra por inteiro, sem interrupção no meio
- Não atua em formulários, questões de questionário, o editor de texto, fórmulas do MathJax nem no teclado virtual
- A eficácia da leitura biônica para velocidade ou compreensão de leitura não é comprovada de forma consistente — esta opção aplica só o efeito visual
Contraste
Padrão
Inverter Cores
Mudar Cores
Filtros para daltonismo
Padrão
Saturação
Normal
Filtro de Luz Azul
Desligado
Ocultar Imagens
Ativado automaticamente pelo Modo Foco (nível 3 — Somente texto)
Antes de ativar:
- Oculta toda imagem e vídeo da página, inclusive vídeos incorporados do YouTube e Vimeo
- Isso vale para todos, inclusive os que carregam informação (um diagrama, um gráfico) - não há como manter só esses visíveis
Pausar Animações
O que é pausado:
- Animações e transições CSS da página (banners, efeitos de hover, carrosséis)
- GIFs animados, congelados no quadro atual
- Vídeos com reprodução automática, ou que já estejam tocando
- Qualquer vídeo que tente começar a tocar sozinho enquanto a opção estiver ativa também é pausado
Silenciar Mídia
Como funciona:
- Áudio com reprodução automática (ou já tocando) é silenciado e pausado
- Vídeo com reprodução automática (ou já tocando) é silenciado, mas continua tocando sem som — ative "Pausar Animações" também se quiser que ele pare
- Vídeos incorporados do YouTube e Vimeo também são silenciados, quando a página permite controlá-los
- Mídia adicionada à página depois — inclusive vídeos carregados sob demanda — também é silenciada enquanto a opção estiver ativa
- Desativar esta opção não volta a ligar o som sozinho: só evita silenciar mídia nova a partir daí
Dicas de Ferramentas
Libras (VLibras)
O que você precisa saber:
- Mostra (ou oculta) o botão de acesso ao VLibras — tradutor de Libras (Língua Brasileira de Sinais) mantido pelo governo federal em vlibras.gov.br
- O script do VLibras já carrega nesta página de qualquer forma, independente desta opção — o que você controla aqui é só a visibilidade do botão dele, não se o conteúdo dele é carregado
- Ao usar a tradução, o conteúdo é processado pelo serviço público VLibras (vlibras.gov.br) — fora da infraestrutura desta instituição
- Esta opção só existe porque um administrador optou por integrar o VLibras a este painel — sem essa integração ativa, o botão do VLibras aparece normalmente por conta própria, sem passar por aqui
Guia de Leitura
Como funciona:
- Uma linha horizontal acompanha o cursor do mouse verticalmente pela tela
- Ajuda a manter o lugar certo ao ler parágrafos longos, sem perder a linha
- A cor da linha pode ser personalizada pelo administrador do site, em Configurações
Máscara de Leitura
Como funciona:
- Uma faixa horizontal ao redor do cursor do mouse permanece visível; o restante da tela escurece
- Ajuda a focar em uma linha de cada vez, reduzindo a distração do resto da página
- Mova o mouse verticalmente para deslocar a faixa de leitura
Lupa
Como funciona:
- Uma lupa circular acompanha o ponteiro do mouse e amplia o conteúdo sob ela — texto, imagens e tabelas
- Use as setas do teclado para mover a lupa sem precisar do mouse
- Use + e - para aumentar ou diminuir o zoom (2x, 3x, 4x)
- Pressione Esc para desligar a lupa a qualquer momento
Cursor
Padrão
Modo Foco
Simplifica a página
Padrão
Ampliar Conteúdo
Amplia a coluna de leitura
Padrão
Leitor de Tela
Texto para fala
Como usar:
- Ative a opção — um indicador aparece no canto da tela
- Passe o mouse sobre qualquer texto da página para destacá-lo
- Clique no texto destacado para ouvi-lo em voz alta
- Use o botão "Parar" no indicador para interromper a leitura a qualquer momento
Teclado Virtual
Como usar:
- Ative a opção — o teclado aparece fixo na parte inferior da tela
- Clique em um campo de texto da página para posicionar o cursor nele
- Toque nas teclas do teclado virtual para digitar naquele campo
- Toque em ⇧ para alternar entre minúsculas e maiúsculas; a fileira de acentos (á, é, í, ó, ú, ã, õ, ç, â, ê) fica sempre disponível
Comandos por Voz
Diga um dos comandos abaixo:
- "aumentar texto" — Aumenta o tamanho do texto
- "diminuir texto" — Diminui o tamanho do texto
- "alto contraste" — Ativa alto contraste
- "modo escuro" — Ativa modo escuro
- "restaurar" — Restaura todos os padrões
- "fechar painel" — Fecha o painel
- "abrir painel" — Abre o painel
- "rolar para baixo" — Rola a página para baixo
- "rolar para cima" — Rola a página para cima
- "ir para o topo" — Vai ao topo da página
- "ir para o final" — Vai ao final da página
- "leitor de tela" — Ativa/desativa leitor de tela
- "ampliar conteúdo" — Amplia a coluna de leitura
- "reduzir conteúdo" — Reduz a coluna de leitura
Navegação por Face
Controle o cursor com movimentos da cabeça
Como usar:
- Ative a opção
- Olhe para o centro da tela e clique em Calibrar
- Mova a cabeça para mover o cursor virtual
- Abra a boca (~1 s) ou pisque os dois olhos (~1 s) para clicar — quando o anel em volta do cursor virtual se preencher, o clique é realizado
- Para rolar a página, leve o cursor até a borda superior ou inferior da tela
Desenvolvido com ❤️ pela UFPel para você.
Alt+A