Acessibilidade digital, feita junto

R$ 0Totalmente grátissem assinatura, sem cobrança

Tecnologia para todo mundo. Ninguém fica de fora.

Ferramentas gratuitas para entender aplicações, encontrar barreiras e criar experiências digitais mais acessíveis.

Desenvolvido em aberto
com espaço para sua contribuição

Uma pessoa com deficiência visual e uma pessoa desenvolvedora colaboram diante de um notebook
Mais de um jeitode usar a interface
Acessibilidadecomo parte do produto
01 Entender barreiras reais
02 Apoiar sem tirar autonomia
03 Melhorar com a comunidade

Acessibilidade não é um recurso extra. É parte da experiência.

O projeto reúne ferramentas para quem cria e mantém aplicações web. Elas ajudam a compreender a estrutura de um produto e a transformar barreiras de acesso em melhorias concretas.

O desenvolvimento é público e aberto à colaboração: código e skills estão no GitHub para consulta e contribuição. A distribuição original do widget usa uma licença não comercial; os termos de reutilização estão explicados abaixo.

Veja como o projeto é construído

Duas formas de começar

Do mapa da interface
ao próximo passo.

Use os comandos no Codex para explorar o app, identificar pontos de melhoria e apoiar a navegação de quem precisa.

/widget01

Encontre seu caminho pelo app.

Mapeia telas e controles e adiciona um widget assistivo para apoiar leitura, voz e navegação por objetivo.

  • ✓ Mapa de telas, ações e diálogos
  • ✓ Navegação guiada ou automática
  • ✓ Interação por voz e leitura
Conheça o /widget
/acessibilidade02

Descubra o que pode melhorar.

Analisa barreiras de acessibilidade e organiza achados com evidências e sugestões para orientar as correções.

  • ✓ Avaliação estruturada da aplicação
  • ✓ Evidências para localizar problemas
  • ✓ Recomendações para priorizar melhorias
Conheça o /acessibilidade

As skills rodam no contexto do projeto que você escolher. Revise as sugestões e valide a experiência com pessoas e tecnologias assistivas.

Da primeira ideia às próximas possibilidades

Começou no Hackaton. Continua com você.

Um caminho construído etapa por etapa: da primeira ideia no Hackaton Skip às ferramentas de hoje e ao que queremos criar junto.

  1. A ORIGEM01

    Hackaton Skip: a pergunta inicial

    Como ajudar cada pessoa a encontrar o que precisa, na aplicação que já usa? A ideia do Skip nasceu desse desafio.

  2. O MAPA02

    Um scanner que entende telas

    Inspirados pelos grafos do Graphify, criamos uma análise dedicada a rotas, controles, rótulos e caminhos conhecidos.

  3. A NAVEGAÇÃO03

    O /widget ganha voz

    Leitura em voz alta, comandos por voz, preferências visuais e navegação por objetivo chegam ao próprio app.

  4. A AUDITORIA04

    Da ajuda à melhoria do produto

    Com /acessibilidade, barreiras viram achados com evidências, prioridades e sugestões de correção.

  5. A PRÓXIMA VIDA05

    Mais autonomia, mais jornadas

    Queremos mapear melhor diálogos, manter o foco visual sem clicar pela pessoa, atualizar controles em tempo real e tornar a voz mais rápida.

O próximo passo também pode ser seu. Compartilhe uma ideia no GitHub

Comece no seu próprio projeto

Do comando à melhoria, no seu fluxo.

Instale as skills no Codex, abra a aplicação em que está trabalhando e escolha por onde começar. Você mantém o controle do que será alterado.

Ver instruções no GitHub
  1. 01
    Escolha uma aplicação

    Um produto em desenvolvimento, um painel interno ou um fluxo que merece atenção.

  2. 02
    Rode o comando no Codex

    Use /widget para integrar o apoio à navegação ou /acessibilidade para gerar uma avaliação.

  3. 03
    Revise e siga melhorando

    Confira o mapa ou o relatório, valide com usuários e contribua com os próximos passos.

Na prática

Mais clareza para
diferentes jornadas.

A acessibilidade aparece em muitos momentos do produto. Estes são alguns bons pontos de partida.

Pessoa usa uma forma alternativa de interação para acessar o notebookNavegação
01

Aplicações com muitos caminhos

Ajude a encontrar uma tela, ação ou diálogo em painéis, sistemas internos e produtos com fluxos extensos.

02

Formulários e diálogos

Revise campos, instruções, foco e barreiras em interações que surgem durante a jornada.

03

Planejamento de melhorias

Transforme achados de acessibilidade em um roteiro claro para produto e desenvolvimento.

Feito em comunidade

Toda melhoria começa com uma boa conversa.

Quer ajudar? Conte como você usa tecnologia, proponha uma melhoria, revise a documentação ou abra uma contribuição no GitHub. Diferentes perspectivas fazem parte da solução.

Apoie o projeto

Um café ajuda a seguir.

Se este trabalho foi útil para você, apoie o desenvolvimento com qualquer valor via Pix.

QR Code Pix para apoiar Nicollas Arcanjo de Godoi

Escaneie com o app do seu banco.

Chave Pix
38198634-8afd-4b05-b95b-a0735fcb9b5d

O QR não fixa valor. Confira o recebedor no banco antes de concluir.