djpfs / react-vlibras

Lib do VLibras(https://vlibras.gov.br/) para usar em seus projetos React de forma rápida e fácil
33 stars 7 forks source link
acessibilidade inclusao-digital libras vlibras

vlibras

Lib React que ajuda você a implementar o VLibras no seu site.

Esse componente segue os padrões fornecidos na documentação do vlibras.

Os surdos enfrentam bastante dificuldade para ler, escrever e se comunicar na língua oral do seu país. Dessa forma, para tentar reduzir esses problemas, o objetivo da ferramenta computacional de código aberto, denominada VLibras Widget, consiste em traduzir conteúdos do Português Brasileiro para a Língua Brasileira de Sinais (LIBRAS), tornando websites acessíveis a pessoas surdas. -- Visão geral vlibras

Instalação

npm install -S @djpfs/react-vlibras
# or
yarn add @djpfs/react-vlibras

Como usar

React (App.js)

React

NextJs (index.jsx)

NextJs

Parametros

Você pode usar a propriedade forceOnload para forçar que o VLibras seja carregado a partir de decisões assíncronas, ja que por padrão ele é executado no evento onload.

import VLibras from './index'

function App() {
  return (
    <div className="App">
      <VLibras forceOnload={true} />
      <header className="App-header">
        <h1>Teste</h1>
      </header>
    </div>
  )
}

export default App

Confira melhor a motivação: gg-martins091/pull/9

Resultado

Rsultado 1

Rsultado 2

Contribuindo

Lib e README baseado no: @vue_a11y Template package: https://github.com/tomchen/example-typescript-package

Contribuidores

Made with contrib.rocks.

Obrigado ao gg-martins091 pela contribuição.

Obrigado por usar e fazer a web mais acessível