VLibras — Tradução para Libras

Recurso de acessibilidade que traduz conteúdos do portal para a Língua Brasileira de Sinais (Libras) por meio de um avatar 3D. Neste portal o VLibras fica na govbar (topo) como botão VLibras e abre um widget flutuante no canto da tela — sem sair da página.

O que é o VLibras?

O VLibras é uma suíte de ferramentas gratuitas e de código aberto desenvolvida pelo Governo Federal (Ministério da Gestão e da Inovação em Serviços Públicos em parceria com a UFPB/LAVID). Ela traduz texto em português para Libras com um avatar animado, ajudando pessoas surdas a compreenderem conteúdos digitais. É um recurso complementar — não substitui intérprete humano quando a legislação exigir.

  • Tradução automática para Libras do texto selecionado na página.
  • Widget flutuante com avatar, controle de velocidade e dicionário.
  • Disponível em todo o portal — não precisa instalar nada, funciona no navegador (desktop e mobile).
  • Projeto oficial: vlibras.gov.br/app/vlibras-plugin.js.

Como usar nesta aplicação

Passo a passo no Portal da Transparência de Dona Inês

  1. Ative o VLibras na govbar (topo azul, à direita): clique no botão VLibras. O estado fica salvo automaticamente — na próxima visita ele já abre como você deixou. Dica: o botão muda visualmente para pressionado (aria-pressed="true") quando ativo.
  2. Widget aparece no canto inferior direito: um ícone azul com mãos (atalho do VLibras). Clique nele para expandir o player com o avatar.
  3. Selecione qualquer texto da página (título, parágrafo, item de tabela, lei, notícia) — o widget oferece o botão Traduzir. Ou clique no ícone do VLibras e cole/cole texto manualmente na caixa do player.
  4. Assista à tradução: o avatar sinaliza o conteúdo em Libras. Use os controles do player para pausar, ajustar velocidade e repetir. Para fechar, clique no X do player ou no botão VLibras novamente na govbar.
Ver página de Acessibilidade
Onde está o botão? Barra superior azul (govbar), lado direito, ao lado de Contraste e Acessibilidade. Em telas pequenas ele continua no topo — role até o início da página se não o vir. O widget do avatar fica sempre sobreposto ao conteúdo, no canto direito, com z-index acima do menu.

Exemplo prático — teste agora

Selecione este parágrafo com o mouse (ou toque longo no celular), e em seguida clique no ícone azul do VLibras no canto. O avatar deve traduzir este texto para Libras.

Portal da Transparência da Prefeitura de Dona Inês — receitas, despesas, convênios e diário oficial do município.

Ativar, desativar e lembrar preferência

  • Clique único: cada clique no botão VLibras da govbar alterna entre enabled (visível) e disabled (oculto). O atributo aria-hidden e aria-pressed são atualizados para leitores de tela.
  • Persistência: a escolha é salva em localStorage (_x_vlibrasOpen via Alpine.store('prefs').vlibrasOpen). Se você ativar e recarregar a página, o widget volta ativo.
  • Desativar: clique novamente no botão da govbar ou feche pelo X do player. Para redefinir, limpe os dados do site no navegador ou clique até o botão voltar ao estado não-pressionado.
  • Atalho: não há accesskey dedicada ao VLibras para não conflitar com leitores de tela; use Tab até a govbar e Enter no botão.

Limitações e compatibilidade

  • Tradução automática: o avatar pode errar termos técnicos, siglas (ex.: RREO, RGF, PNTP) ou nomes próprios. Em caso de dúvida, consulte o texto original.
  • Conteúdos não traduzidos: PDFs escaneados como imagem, imagens sem texto alternativo e iframes externos (ex.: PublicSoft/Elmar incorporados) podem não ser capturados — o player traduz apenas texto selecionável da página.
  • Navegadores: funciona em Chrome, Edge, Firefox e Safari recentes. Requer JavaScript habilitado. Se o ícone não aparecer, verifique bloqueadores de script ou tente recarregar com Ctrl+F5.
  • Mobile: no celular o ícone pode ficar sobre o conteúdo; arraste se necessário (o plugin posiciona no canto inferior direito por padrão).
  • Leitores de tela: o widget possui aria-hidden quando desativado para não poluir a leitura; quando ativo, use Tab para alcançar o botão flutuante.

Privacidade e dados

O widget VLibras é carregado diretamente de vlibras.gov.br (vlibras-plugin.js com defer e inicialização em window.load). O texto que você seleciona para traduzir é enviado ao serviço VLibras para síntese em Libras — nenhum dado é armazenado por este portal. Não coletamos, não rastreamos e não compartilhamos o conteúdo traduzido. Para mais detalhes, consulte a página oficial do VLibras e a Política de Privacidade da Prefeitura.

Precisa de ajuda ou encontrou um problema?

Se o VLibras não abrir, não traduzir ou atrapalhar a navegação, informe a equipe do portal para que possamos corrigir. Inclua: página onde ocorreu, navegador/versão e, se possível, um print ou vídeo curto.

Falar via e-SIC Ouvidoria Página de Acessibilidade (contraste, fonte, atalhos) Mapa do Site

Alternativa: use a extensão VLibras para navegador ou o app VLibras no celular para traduzir qualquer site.

Detalhe técnico (para auditores / eMAG)

div[vw]#vlibras.disabled|enabled + button#vlibras-toggle[aria-pressed] em template-parts/header/site-header.php:20-43. Script https://vlibras.gov.br/app/vlibras-plugin.js defer + new window.VLibras.Widget('https://vlibras.gov.br/app') no load. Estado em Alpine.store('prefs').vlibrasOpen persistido (resources/js/app.js:17,43-53,75-100), classe .govbar-action[aria-pressed=true] → bg rgba(255,255,255,.28) e [vw].disabled{display:none}. aria-live em #a11y-live-region anuncia "VLibras ativado/desativado" (WCAG 4.1.3).

Validação: verifique em DevTools que localStorage.getItem('_x_vlibrasOpen') persiste e que o botão possui aria-label="VLibras — tradução para Libras" e title="Ativar/desativar tradução...".

Última atualização: 05/09/2026 · Acessibilidade · Mapa do site · Voltar ao início