Melhore a Acessibilidade com React VLibras Plugin

React VLibras Plugin é uma ferramenta poderosa projetada para melhorar a acessibilidade em suas aplicações React. Ao integrar o widget VLibras, você pode oferecer tradução automática do seu conteúdo para Libras, tornando-o mais inclusivo para usuários com deficiência auditiva.

👉 Comece agora: React VLibras Plugin no npm

👉 Para mais informações, visite: React VLibras Demo

Por que escolher React VLibras Plugin?

Nossa biblioteca simplifica o processo de adicionar recursos de acessibilidade ao seu aplicativo. Com apenas alguns passos, você pode implementar o widget VLibras e proporcionar uma experiência mais rica para usuários que dependem de Libras.

Sobre o Projeto

React VLibras Plugin é uma iniciativa social destinada a aumentar a acessibilidade digital. Esta biblioteca capacita desenvolvedores a tornar suas aplicações mais inclusivas ao integrar perfeitamente o widget de acessibilidade VLibras. O Widget VLibras é um recurso de acessibilidade desenvolvido para tornar páginas web acessíveis para a comunidade surda. Com tradução automática do português brasileiro para a Língua Brasileira de Sinais (LIBRAS), esta ferramenta permite que usuários surdos consumam conteúdo textual em qualquer site.

---

Instalação

Para instalar o React VLibras Plugin, use npm:

npm install react-vlibras-plugin

Ou com yarn:

yarn add react-vlibras-plugin

Uso

Siga estes passos para integrar o widget VLibras em sua aplicação React:

1. Importe o Componente ReactVLibras

   No arquivo do seu componente, importe o componente ReactVLibras:

   import ReactVLibras from 'react-vlibras-plugin';

2. Adicione o Componente ao seu JSX

   Insira o componente em seu JSX para ativar o widget VLibras:

   <ReactVLibras />

Propriedades

O componente aceita as seguintes propriedades de entrada:

• position: Define a posição do widget VLibras na tela. Valores possíveis são:

  • left (padrão)
  • right
  • top
  • bottom
  • bottomLeft
  • topLeft
  • bottomRight
  • topRight

  Exemplo:

  <ReactVLibras position="right" />

• avatar: Especifica o avatar usado no widget VLibras. As opções incluem:

  • icaro
  • hosana
  • guga
  • random (padrão)

  Exemplo:

  <ReactVLibras avatar="guga" />

• opacity: Define a opacidade do widget VLibras. O valor deve ser um número entre 0 e 1, com o padrão sendo 1.

  Exemplo:

  <ReactVLibras opacity={0.8} />

Tecnologias Utilizadas

• React
• TypeScript
• Vite
• Firebase Tools
• ESLint

Feito com ❤️