Imagens acessíveis em um clique: Chegou o Alt LAB
A internet está cheia de imagens que são barreiras invisíveis para quem usa leitores de tela devido à falta de textos alternativos (alt text). Para resolver isso, criei o Alt LAB, uma ferramenta gratuita que usa IA para gerar descrições precisas, com contexto e sem capacitismo. A ferramenta gera opções para código e legendas, suporta carrosséis e facilita a criação de uma experiência de navegação equivalente e acessível para todos.
A navegação na internet se dá de várias formas, e a regra de ouro deveria ser uma só: o ideal é que todas ofereçam experiências similares. Uma pessoa que usa leitor de telas, por exemplo, precisa ter acesso à mesma informação — e à mesma experiência — de quem não usa.
Quando falamos de imagens, a coisa sempre complica. Os leitores de tela dependem de uma propriedade que não está dentro do arquivo da foto, mas sim no código do site ou app: o texto alternativo (alt text).
O problema é que esse atributo é muito negligenciado. Na maioria das vezes, simplesmente não colocam. E quando tem, raramente descreve bem o conteúdo.
Para vocês terem uma ideia da diferença na prática, gravei um exemplo mostrando a navegação por leitor de telas no Instagram, em uma imagem sem e com texto alternativo:
Pensando em ajudar a comunidade e quem cria conteúdo a resolver isso de forma prática, criei o Alt LAB, a mais nova ferramenta gratuita do meu laboratório!
Ele é um gerador inteligente de textos alternativos e descritivos para imagens. Você envia a foto e uma IA (utilizei o Gemini da Google) faz a descrição de forma objetiva, sem capacitismo, sem exageros e mantendo as diretrizes da WCAG.
Olha como estruturei as funcionalidades pensando no nosso dia a dia:
- Contexto personalizado: Você pode "avisar" a ferramenta sobre quem ou o que está na foto. Eu enviei uma foto minha com a instrução "A pessoa da foto se chama Beto". O resultado? Em vez de um texto genérico, ele gerou: "Beto segura uma raquete de badminton, olha para o lado e sorri, exibindo sua prótese na perna direita e um tênis esportivo no pé esquerdo."
- Alt Text vs. Descrição de Legenda: A ferramenta gera tanto o texto alternativo curto (para o código/leitor) quanto o texto descritivo mais longo para você usar nas legendas (geralmente acompanhado de
#DescriçãoDaImagemou#ParaTodosVerem). - Suporte a Carrosséis: É possível enviar até 5 fotos simultâneas para posts múltiplos. E a dica de ouro: o ideal é usar o texto alternativo individualmente em cada foto.
"Mas por que, Beto?"Muito boa a pergunta, eu mesmo respondo.
Lembra que comentei lá em cima que a experiência deve ser a mais uniforme possível? Se eu coloco a descrição de todas as 5 fotos em um bloco de texto gigante na legenda, o leitor de telas vai ler tudo junto. Se a pessoa quiser voltar em um detalhe específico de uma foto anterior, o leitor vai ter que recitar o bloco inteiro de novo. Se cada imagem tem a sua própria descrição embutida no alt text, a pessoa tem controle da navegação e o contexto se mantém!
Disponível em Português (Brasil), Inglês, Espanhol e Italiano, o Alt LAB é gratuito e feito para a comunidade.
Acesse, teste com as suas imagens e me conte o que achou: https://www.betomaia.com.br/alt-lab
Vamos fazer uma internet mais acessível?
