O que realmente acontece quando alguém surdo entra num site
A maioria dos sites que eu vejo ainda não passa no teste mais básico de acessibilidade. Não porque o desenvolvedor não se importe, mas porque as ferramentas que eles usam raramente pegam os problemas que realmente importam para pessoas surdas. Eu passei uns três anos trabalhando em projetos de acessibilidade digital, e o que mais me incomodava era ver um site com "alt text" em todos os lugares e mesmo assim ser completamente inutilizável para alguém que não ouve. Vou explicar como funciona na prática, porque a teoria que todo mundo copia da WAI-ARIA não reflete o que acontece no dia a dia. A acessibilidade dos surdos tem a ver principalmente com três coisas: legendas que realmente sincronizam, transcrições que você pode usar enquanto navega, e interfaces visuais que substituem completamente o áudio. Não é só colocar um botão "ativar legendas" e pronto.
Legendas, mas do jeito certo
Legendas automáticas do YouTube ou do Instagram são praticamente inúteis para maioria dos casos sérios. Elas erram nomes próprios, números, termos técnicos e especialmente fala sobreposta. Eu tive um cliente que precisava de vídeos institucionais com legendas precisas, e o sistema automático deletava cerca de 40% das falas que continham informação relevante porque achava que eram ruído de fundo. A solução foi revisar cada legenda manualmente com alguém que entendesse o contexto técnico do projeto. Para quem quer fazer isso do zero, o caminho mais rápido é exportar o áudio para texto usando uma ferramenta como o Whisper da OpenAI, revisar o resultado com atenção ao contexto, e então importar para SRT ou VTT. O formato VTT é preferível porque permite estilização via CSS, o que significa que você pode ajustar cores, posição e tamanho para melhorar a legibilidade em telas pequenas ou fundos complexos. Legendas brancas sobre preto funcionam na maior parte dos casos, mas em vídeos com fundo escuro você precisa inverter ou usar contorno.
Transcrições: o recurso mais subutilizado
Aqui está algo que quase ninguém faz direito. Transcrições não são só jogar o texto do vídeo num arquivo abaixo do player. Uma transcrição útil para surdos precisa ser navegável, ou seja, você precisa conseguir clicar num trecho e o vídeo pular diretamente para aquele momento. Isso se chama "transcrição sincronizada" e funciona com timestamps dentro do próprio arquivo de transcrição. Eu fiz isso em vários projetos usando JavaScript simples: mapear cada linha da transcrição com seu timestamp correspondente e transformar cada linha num link que chama a API do vídeo com o tempo de início. O resultado é que alguém surdo pode ler a transcrição inteira enquanto acompanha o conteúdo, pausar, voltar, pesquisar palavras específicas na página. Isso é muito mais útil do que depender exclusivamente das legendas no player.
Sinaletização visual em vídeos ao vivo
Eventos ao vivo, webinars, lives — tudo isso é praticamente inacessível sem trabalho prévio. A solução que eu uso consiste em ter alguém digitando um resumo em tempo real no chat do evento, com legendas simultâneas do alto-falante. O chat funciona como uma trilha visual paralela que captura não só o que foi dito mas reações do público, perguntas e respostas que normalmente se perdem. Parece simples, mas exige uma pessoa dedicada exclusivamente a isso durante o evento. Quando não há orçamento para isso, a alternativa mínima é ao menos garantir que todo conteúdo falado seja republicado em texto dentro de 24 horas após o evento, com links diretos para os momentos mais importantes. Nada impede que alguém que não ouviu o áudio simplesmente não acompanhe o conteúdo. O prazo de 24 horas é importante porque conteúdo ao vivo perde relevância rapidamente, e publicá-lo dias depois é basicamente inútil para o público-alvo.
👉 Clique no botão abaixo para saber mais sobre o assunto!
Dica prática sobre player de vídeo
Se você está construindo um site do zero, evite players proprietários que não expõem controles de legenda via API. O player padrão do HTML5 com um script externo como o Video.js ou o Plyr permite controlar legendas via JavaScript, o que significa que você pode adicionar botões customizados, garantir que legendas apareçam automaticamente quando o usuário tiver preferência de acessibilidade no sistema operacional, e até substituir o player inteiro por uma versão focada em texto quando for mais apropriado. Players embutidos de plataformas como Vimeo às vezes limitam isso dependendo do plano contratado.
O erro mais comum que eu vejo
Colocar legendas em vídeos mas deixar o áudio como único canal de informação em elementos interativos. Um formulário que anuncia erros apenas com som, um alerta que toca quando algo dá errado, um botão que tem feedback auditivo — tudo isso exclui pessoas surdas de usar a funcionalidade. O correto é que cada elemento que transmite informação pelo áudio tenha equivalentemente uma indicação visual. Ícones, cores, texto, animações. Se eu não posso ver na tela, eu não consigo usar. Isso inclui coisas que parecem triviais mas causam problemas reais: notificações de sistema que têm beep, mensagens de sucesso que só tocam, indicadores de chamada que vibram mas não mudam visualmente. Cada um desses pontos é uma barreira que não exige muito esforço para corrigir, mas raramente é considerado no desenvolvimento padrão.
Teste com usuários reais
Nenhuma ferramenta automática de auditoria de acessibilidade vai encontrar tudo. Os testes automatizados cobrem talvez 30% dos problemas que realmente importam. O restante só aparece quando uma pessoa surda usa o site. Eu tenho uma lista de verificação básica que aplico antes de qualquer entrega: legendas sincronizadas revisadas manualmente, transcrição navegável disponível, nenhum feedback importante apenas sonoro, alto contraste nos textos de legenda, e um caminho claro para solicitar ajustes de acessibilidade caso algo tenha sido esquecido. Se você está começando agora, comece pelos vídeos. Eles são onde a maioria dos sites falha de forma mais óbvia. Depois vá para os elementos interativos. E finalmente verifique a navegação geral, porque muita coisa boa nos detalhes pode ser destruída por um fluxo de navegação que depende excessivamente de ordem de foco visual ou de indicadores auditivos esquecidos pelo desenvolvedor.
A acessibilidade não é um recurso opcional que se adiciona no final. É uma decisão de design que precisa existir desde o primeiro esboço do projeto. Quando você constrói pensando nela desde o início, o custo é muito menor do que quando tenta remediar depois que tudo já está pronto.