pular para o conteúdo
Acessibilidade

Barra de acessibilidade: nossa tecnologia aberta para inclusão

Desenvolvemos, usamos e agora abrimos o código da nossa barra de acessibilidade — porque tecnologia como direito inclui a forma de acessá-la.

Geraldo Barros

Diretor Executivo · cofundador

publicado 1 de setembro de 2026tempo de leitura ~4 min
Ilustração da barra de acessibilidade da Casa Hacker: controles de tamanho de fonte, contraste, espaçamento, links, cursor e pausa de animação, em duas colunas antes e depois, ao lado do esboço de uma página do site

Há alguns anos, trabalhei em projetos open source como o WebCompat, na Mozilla. O WebCompat alertava desenvolvedores no mundo inteiro quando seus sites não seguiam boas práticas de desenvolvimento — ou seja, quando não eram compatíveis nem inclusivos. Também colaborei com o Projeto Fedora. Em todos esses lugares, a pauta de diversidade e inclusão sempre trouxe desafios. Eles podem começar por limitações físicas, como cegueira ou mobilidade reduzida, mas também envolvem idiomas diferentes, fusos horários distintos e, hoje, pessoas neurodivergentes, por exemplo.

Inclusão se constrói nos detalhes

Aqui na Casa Hacker, nos últimos anos, investimos em várias iniciativas de inclusão. Fizemos treinamentos com a equipe para tornar nossas atividades acessíveis a todos — não apenas a quem tem deficiência. Um exemplo simples: numa atividade do Hackerclubes, quando o facilitador fala e também escreve de forma resumida o que acabou de apresentar, isso é um ato inclusivo. Nem todo mundo processa instantaneamente o que ouve, e o texto permite que a pessoa revise o conteúdo durante a aula. São pequenas práticas como essa que fazem o trabalho diário ser inclusivo de verdade, e os detalhes importam muito — de uma rampa para cadeirantes à interpretação em Libras.

Também atualizamos as plataformas que usamos e retiramos aquelas que não ofereciam acessibilidade, inclusive para nossa equipe e para a comunidade de membros da Casa Hacker. Passamos a contratar serviços como audiodescrição e Libras para atividades, comunicação e mídias, e criamos uma política interna: ao entrar na Casa Hacker, cada pessoa é perguntada se precisa de algum recurso de acessibilidade para participar plenamente. Com base nisso, planejamos nossas ações. No Hackerclubes, por exemplo, pessoas neurodivergentes contam com acompanhamento dedicado durante os encontros, integradas à turma.

A novidade: nossa barra de acessibilidade

Agora, quero apresentar uma novidade: nossa barra de acessibilidade. Muitos sites já têm recursos assim, mas descobrimos que podemos entregar muito mais. Desenvolvemos o código da barra e estamos padronizando esses recursos em todas as plataformas da Casa Hacker, inclusive neste site — você a encontra fixa no topo desta página. São recursos de leitura e navegação: alto contraste, tamanho de fonte, fonte amigável para dislexia, régua de leitura, modo foco, cursor ampliado, pausa de animações, alvos de clique maiores, links sublinhados e tradução para Libras com o VLibras, o tradutor oficial mantido pelo governo brasileiro com a Universidade Federal da Paraíba. Os recursos completos estão listados em casahacker.org/acessibilidade.

E fizemos questão de um detalhe que costuma passar batido: a própria barra precisa ser acessível. Ela funciona inteira pelo teclado, tem alvos de toque no tamanho que as diretrizes internacionais de acessibilidade (WCAG) recomendam e contraste medido — porque não faz sentido oferecer inclusão através de uma ferramenta que exclui.

Aberta para qualquer pessoa usar

No nosso manifesto, assumimos o compromisso de tratar tecnologia como direito e como linguagem de poder, não como privilégio de poucos. Esse direito inclui a forma de acessar: uma tecnologia que só funciona para quem enxerga bem, ouve bem e navega rápido não é direito — é barreira. Por isso, com esse compromisso de tornar a internet mais inclusiva, estamos abrindo nossa tecnologia como open source, com licença livre (MIT), para que qualquer pessoa possa preparar seus conteúdos para serem lidos e acessados de forma inclusiva.

O código vive em gitlab.com/casahacker/barra-acessibilidade, com documentação técnica de integração e testes automatizados de acessibilidade. Basta baixar dois arquivos da última versão e servir no seu próprio site — sem depender de serviço de terceiros. E, como todo projeto aberto, ele melhora com quem chega: sugestões, correções e traduções são bem-vindas por lá.

Um site que fala mais línguas

Além da barra, também estamos atentos às pessoas do nosso território que vieram de outros países latinos, como a Venezuela e o Haiti — do Jardim Bassoli ao Jardim Florence, e também no Jardim do Lago. Por isso, traduzimos o site para inglês, espanhol e francês, permitindo que tanto nossos parceiros na América Latina, Europa e Estados Unidos quanto as pessoas do nosso território que vieram de outros países conheçam a Casa Hacker e o que fazemos aqui.

Quando a Casa Hacker nasce, nasce junto a certeza de que as periferias não são um lugar de espera — são um lugar de começo. Acessibilidade é isso na prática: garantir que ninguém fique esperando do lado de fora enquanto o futuro é programado. A barra é mais um desses começos, e agora ela é de todo mundo.

Como citar esta publicação

Se você usar este texto em trabalho acadêmico, jornalístico ou em outra publicação, peço a gentileza de incluir a citação completa:

BARROS, Geraldo. Barra de acessibilidade: nossa tecnologia aberta para inclusão. Campinas: Associação Casa Hacker, 2026. Disponível em: https://casahacker.org/publicacoes/barra-de-acessibilidade-nossa-tecnologia-aberta-para-inclusao/. Acesso em: 22 out. 2026.

@online{casahacker-2026-barra-de-acessibilidade-nossa,
  author = {Geraldo Barros},
  title = {Barra de acessibilidade: nossa tecnologia aberta para inclusão},
  year = {2026},
  organization = {Casa Hacker},
  url = {https://casahacker.org/publicacoes/barra-de-acessibilidade-nossa-tecnologia-aberta-para-inclusao/},
  urldate = {2026-10-22}
}
norma ABNT NBR 6023para LaTeX e gestores de referência
citação copiada ✓

Esta publicação está sob licença Creative Commons Atribuição-CompartilhaIgual 4.0 (CC BY-SA 4.0). Você pode copiar, remixar, traduzir e adaptar livremente, desde que cite a fonte original e mantenha a mesma licença.

// mais publicações

Doe

O link abre a página de doação do BTG Pactual, com as formas de pagamento disponíveis.

Doar em reais

De fora do Brasil

Para transferência internacional, use os dados abaixo. Escolha a moeda: o que muda entre elas é o banco intermediário.

Os nomes dos campos estão em inglês porque é assim que eles aparecem no formulário do seu banco.

Vale para as duas moedas

Creditor Agent (BICFI)BPABBRRJ
Creditor AgentBANCO BTG PACTUAL S.A.
Bank addressPraia de Botafogo, 501 — Rio de Janeiro — Brazil
IBAN / OtherBR8130306294000500002143176C1
BeneficiaryASSOCIACAO CASA HACKER
Beneficiary addressRua Doutor Renato Paes de Barros, 618 — Itaim Bibi — São Paulo — SP — 04530000 — Brasil

USD

Intermediary Agent (BICFI)CITIUS33
Intermediary AgentCITI, NEW YORK — US
BTG account with intermediary36317173

EUR

Intermediary Agent (BICFI)CHASDEFX
Intermediary AgentJP MORGAN FRANKFURT — DE
BTG account with intermediary6231431278

Remittance Information é opcional: use para identificar o pagamento, se quiser.

Confira os dados na tela do seu banco antes de confirmar a transferência.

ver página completa →