Ir para o conteúdo principal
Moodle
  • Página inicial
  • Calendário
  • Mais
Português - Brasil ‎(pt_br)‎
English ‎(en)‎ Português - Brasil ‎(pt_br)‎
Você acessou como visitante
Acessar
Moodle
Página inicial Calendário
Acessibilidade Digital: Fundamentos e Boas Práticas
Expandir tudo Contrair tudo
  1. Painel
  2. acessibilidade-digital
  3. Módulo 2 — Design Inclusivo: Contraste, Cores e Tipografia
  4. Atividade Prática — Auditoria de Contraste

Atividade Prática — Auditoria de Contraste

Escolha um site real (pode ser um site institucional, uma loja online, ou até uma página do próprio Moodle).

  1. Selecione 5 combinações de texto/fundo diferentes na página (ex.: título, corpo de texto, texto em botão, link, texto sobre imagem).
  2. Para cada uma, identifique o código hexadecimal das duas cores (use as ferramentas de desenvolvedor do navegador — botão direito → Inspecionar) e calcule a razão de contraste usando o WebAIM Contrast Checker.
  3. Monte uma tabela com: elemento, cor do texto, cor de fundo, razão de contraste calculada, e se passa (ou não) nos critérios 1.4.3 (AA) e 1.4.6 (AAA).
  4. Para qualquer combinação reprovada, sugira uma nova cor (mantendo a identidade visual tanto quanto possível) que atinja pelo menos o nível AA.

Envie sua tabela e conclusões como texto online ou arquivo (PDF/DOCX).

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

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
Ativado automaticamente pelo Modo Foco (nível 3 — Somente texto)
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:

  1. Ative a opção — um indicador aparece no canto da tela
  2. Passe o mouse sobre qualquer texto da página para destacá-lo
  3. Clique no texto destacado para ouvi-lo em voz alta
  4. Use o botão "Parar" no indicador para interromper a leitura a qualquer momento
Teclado Virtual

Como usar:

  1. Ative a opção — o teclado aparece fixo na parte inferior da tela
  2. Clique em um campo de texto da página para posicionar o cursor nele
  3. Toque nas teclas do teclado virtual para digitar naquele campo
  4. 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:

  1. Ative a opção
  2. Olhe para o centro da tela e clique em Calibrar
  3. Mova a cabeça para mover o cursor virtual
  4. 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
  5. Para rolar a página, leve o cursor até a borda superior ou inferior da tela
Desenvolvido com ❤️ pela UFPel para você. Alt+A
Você acessou como visitante (Acessar)
Resumo de retenção de dados
Baixar o aplicativo móvel.
Fornecido por Moodle