Versão BETA
Feature para reconhecimento de caracteres em imagens e tradução em Libras utilizando o VLibras Widget
Devido ao novo layout implementado no VLibras Widget, esta solução pode apresentar problemas.
Brevemente, correções necessárias serão implementadas.
VLibras Widget
Entre o conjunto de ferramentas que fazem parte da família Suíte VLibras, faz-se relevante o VLibras Widget, este, ao ser integrado em um site, fica responsável por torná-lo acessível para pessoas surdas, possibilitando que estas realizem a tradução dos textos incorporados na página para Língua Brasileira de Sinais (Libras) utilizando um personagem 3D animado.
Motivação
O VLibras Widget continua envoluindo com o tempo tornando o acesso à informação ainda mais amplo, contudo, apesar da ótima solução que se tornou, existe uma limitação importante nesta ferramenta, que é a impossibilidade de traduzir textos contidos em imagens, como fotos, gráficos e logotipos, o que cria uma barreira para o acesso à informação para usuários surdos e deficientes auditivos, visto que não é possível realizar a tradução das informações presentes em imagens nos sites. Diante desta limitação, o objetivo geral deste trabalho é desenvolver uma expansão para a ferramenta que torne também possível a tradução de textos originários de imagens utilizando o reconhecimento óptico de caracteres (OCR, em inglês), tornando o acesso à informação mais completo e inclusivo aos surdos.
- Copie o script da feature já "buildado" em /dist/bundle.js;
- Vá até um site que tenha o VLibras Widget. Ex. de sites do governo: Portal da Legislação, Ministério da Defesa, Ministério da Saúde e etc. (veja outros sites em: /sites-list.txt);
- Abra o devtools do seu navegador com F12 ou Ctrl + Shift + C, cole e execute o script do bundle.js;
- Inicie o VLibras Widget: clique no botão flutuante das mãozinhas ao lado direito da página;
- Utilize a funcionalidade selecionando uma imagem do site que contenha texto.
Ferramenta
- Aplicar escala de cinza nas imagens antes de enviar para reconhecimento de caracteres;
- Atualização para as versões mais atuais das bibliotecas Tesseract.js e Cropper.js;
- Configurar ESlint + Prettier;
- Tratamento específico para imagens com background transparente;
- Implementar pré-processador CSS ao invés de CSS puro;
Outros
- Pesquisa de experiência de utilização junto a um grupo de deficientes auditivos;
- Transformar em função padrão do VLibras Widget.
- JavaScript
- HTML
- CSS
- Webpack
- Tesseract.js
- Cropperjs
- Feather Icons
