Melhore a Acessibilidade com Angular VLibras

Angular VLibras é uma ferramenta poderosa projetada para melhorar a acessibilidade em suas aplicações Angular. 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: Angular VLibras no npm

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

Por que escolher Angular VLibras?

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

Angular VLibras é 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 desenvolvido para tornar páginas web acessíveis para surdos. 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 a biblioteca Angular VLibras, use npm:

npm install angular-vlibras

Ou com yarn:

yarn add angular-vlibras

Uso

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

1. Importe o Componente AngularVlibras

   No módulo raiz da sua aplicação (geralmente app.module.ts), importe o componente AngularVlibras:

   import { Component } from '@angular/core';
   import { AngularVlibras } from 'angular-vlibras';
   
   @Component({
     selector: 'app-root',
     standalone: true,
     imports: [AngularVlibras],
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.scss']
   })
   export class AppComponent { }

2. Use o Componente <angular-vlibras />

   Adicione o componente <angular-vlibras /> ao seu template para ativar o widget VLibras:

   <angular-vlibras />

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:

  <angular-vlibras position="right" />

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

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

  Exemplo:

  <angular-vlibras 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:

  <angular-vlibras opacity="0.8" />

Tecnologias Utilizadas

• Angular
• TypeScript
• HTML5
• CSS3

Feito com ❤️