Skip to content

devrafcks/seeb-widget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

SeeB Widget

O SeeB Widget é um Web Component desenvolvido como parte do TCC, criado para levar acessibilidade real e imediata a qualquer site. Ele reúne ferramentas de apoio à leitura e ajustes visuais, permitindo que pessoas com diferentes necessidades personalizem a experiência de navegação de forma simples e intuitiva.

O widget funciona de forma automática: basta incluir o script e todos os recursos são adicionados à interface sem necessidade de configurações extras.

Como usar

Adicione o script abaixo na página:

<script src="https://seeb-widget.pages.dev/widget.js" defer></script>

Assim que o script é carregado, o widget aparece no canto da tela e habilita todas as funcionalidades.

Recursos

  • Filtros de daltonismo: Protanopia, deuteranopia, tritanopia e monocromático
  • Alto contraste
  • Régua de leitura que acompanha o cursor
  • Linha de foco com cor personalizada
  • Aumento de fonte, espaçamento entre letras e palavras
  • Ajustes de tipografia para legibilidade
  • Preferências salvas no localStorage para manter tudo ativo nas próximas visitas

Sobre o projeto

O SeeB Widget integra o ecossistema do Projeto SeeB, criado no TCC com foco em acessibilidade digital.

A iniciativa inclui também a extensão de navegador SeeB, disponível em:

O widget é uma evolução do mesmo trabalho, pensado para quem deseja incluir acessibilidade nativa diretamente no site, sem dependência de extensões.

Compatibilidade

Funciona em navegadores modernos que suportam Web Components e Shadow DOM.

About

Web Component de acessibilidade com filtros visuais, contraste, ajustes tipográficos e régua de leitura. Implementado em JS puro com Shadow DOM e persistência via localStorage. Compatível com qualquer stack frontend.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors