Quando você posta uma imagem no Mastodon sem texto alternativo, leitores de tela e clientes de texto não conseguem descrever o que está na imagem. A interface do Mastodon mostra um ícone de aviso ao lado de imagens sem alt text, e algumas instâncias podem bloquear a postagem. Adicionar alt text garante que suas imagens sejam acessíveis a usuários cegos e com baixa visão e ajuda seu conteúdo a alcançar um público maior. Este artigo explica exatamente como adicionar alt text na web, por meio dos aplicativos móveis oficiais e por clientes de terceiros, além de armadilhas comuns a evitar.
Principais Conclusões: Adicionar Texto Alternativo a Imagens no Mastodon
- Botão de anexar imagem (ícone de clipe): Abre o seletor de arquivos para fazer upload de imagens; os campos de alt text aparecem após o upload.
- Botão Editar (ícone de lápis) na imagem enviada: Abre o campo de entrada de alt text onde você digita a descrição.
- Limite de caracteres do alt text: O Mastodon aceita até 1.500 caracteres por descrição de imagem.
O Que o Alt Text Faz no Mastodon e Por Que é Importante
Alt text é uma descrição escrita de uma imagem que é incorporada nos metadados da imagem. Quando um leitor de tela encontra uma imagem com alt text, ele lê a descrição em voz alta para o usuário. Sem alt text, o leitor de tela pode dizer apenas “imagem” ou ler o nome do arquivo, o que raramente é útil.
O Mastodon foi construído com a acessibilidade como um valor central. O software avisa explicitamente antes de publicar se alguma imagem anexada não tiver alt text. Algumas instâncias do Mastodon aplicam uma política que bloqueia postagens contendo imagens sem alt text. Mesmo que sua instância não aplique isso, adicionar alt text é considerado boa etiqueta no fediverso.
O Que Faz um Bom Alt Text
Um bom alt text descreve o conteúdo e a função da imagem de forma concisa. Para uma foto de um gato dormindo em um sofá, escreva “Um gato cinza listrado enrolado em um sofá de tecido azul.” Não escreva “imagem de gato” ou “foto de gato.” Inclua texto que apareça na imagem se for relevante para a postagem. Para imagens decorativas que não acrescentam informação, você pode marcá-las como decorativas se seu cliente suportar essa opção, mas o Mastodon não tem um sinalizador decorativo embutido.
Passos para Adicionar Alt Text na Interface Web do Mastodon
A interface web é a forma mais comum de postar no Mastodon. Os passos abaixo funcionam em todos os clientes web padrão do Mastodon, incluindo a interface oficial e a maioria dos front-ends personalizados, como Elk ou Pinafore.
- Abra a caixa de composição
Clique na área de texto no topo da linha do tempo inicial ou clique no ícone de composição se estiver usando um layout estreito. A caixa de composição se expande para mostrar opções de formatação. - Anexe uma imagem
Clique no ícone de clipe ou no ícone de câmera na barra de ferramentas de composição. Selecione um ou mais arquivos de imagem do seu computador. O Mastodon suporta os formatos JPEG, PNG, GIF e WebP. O tamanho máximo do arquivo depende da configuração da sua instância, tipicamente 8 MB ou 16 MB. - Localize o campo de alt text
Após o upload da imagem, uma miniatura aparece na caixa de composição. Abaixo da miniatura, você vê um pequeno ícone de lápis rotulado como “Editar” ou “Descrever”, dependendo do seu tema. Clique nesse ícone. - Digite a descrição
Um campo de entrada de texto é aberto. Digite seu alt text aqui. Você pode inserir até 1.500 caracteres. Use linguagem simples. Descreva apenas o que está visível na imagem. Não adicione comentários editoriais como “linda” ou “fofa.” - Salve a descrição
Pressione Enter ou clique no ícone de visto para salvar o alt text. O ícone de lápis muda para indicar que a imagem agora tem uma descrição. Se você anexou várias imagens, repita os passos 3 a 5 para cada imagem. - Publique seu toot
Escreva seu texto na caixa de composição. Clique no botão “Publicar”. Se você tentar publicar sem alt text em alguma imagem, o Mastodon mostra um diálogo de aviso. Clique em “Adicionar descrição” para voltar e adicionar alt text, ou clique em “Publicar mesmo assim” para ignorar o aviso. Recomendamos sempre adicionar a descrição.
Passos para Adicionar Alt Text nos Aplicativos Móveis do Mastodon
Os aplicativos móveis oficiais do Mastodon para iOS e Android seguem a mesma lógica da interface web. Os rótulos e ícones podem parecer ligeiramente diferentes, mas o fluxo de trabalho é idêntico.
No iOS (Aplicativo Oficial do Mastodon)
- Toque no botão de composição
Toque no ícone de lápis ou no ícone de mais no centro inferior da tela. - Anexe uma imagem
Toque no ícone de foto na barra de ferramentas de composição. Selecione uma imagem da sua galeria. - Toque no ícone de editar
Após a miniatura da imagem aparecer, toque no pequeno rótulo “Editar” ou no ícone de lápis abaixo da miniatura. - Insira o alt text
Digite sua descrição no campo de texto que aparece. Toque em “Concluído” no teclado para salvar. - Publique
Toque em “Publicar” no canto superior direito. O aplicativo avisa se alguma imagem não tiver alt text.
No Android (Aplicativo Oficial do Mastodon)
- Toque no botão de composição
Toque no ícone de lápis na parte inferior da tela. - Anexe uma imagem
Toque no ícone de imagem na barra de ferramentas. Selecione uma imagem da sua galeria. - Toque no botão de descrição
Abaixo da miniatura da imagem, toque no campo de texto que diz “Adicionar uma descrição.” - Digite e salve
Insira seu alt text. Toque no visto ou na seta para trás para salvar. - Publique
Toque no ícone de enviar. O aplicativo verifica se há alt text ausente antes de publicar.
Erros Comuns e Limitações ao Adicionar Alt Text
Campo de Alt Text Não Aparece Após o Upload
Se você não vir o ícone de editar ou o campo de descrição após fazer upload de uma imagem, atualize a página ou reinicie o aplicativo. Esse problema às vezes ocorre com cache de navegador antigo ou conexão de rede lenta. Limpar o cache do navegador para o site do Mastodon geralmente resolve.
Limite de Caracteres Excedido
O Mastodon limita o alt text a 1.500 caracteres por imagem. Se sua descrição for mais longa, corte-a para os detalhes mais importantes. Concentre-se em quem ou o que está na imagem, a ação e qualquer texto que apareça. Você pode adicionar contexto adicional no texto principal da sua postagem.
Alt Text Perdido ao Editar uma Postagem
Se você editar uma postagem que já tem imagens com alt text, o alt text pode desaparecer em algumas versões antigas do Mastodon. Isso é um bug conhecido em versões anteriores à 4.0.0. Após editar o texto da postagem, verifique cada imagem e reinsira o alt text se estiver em branco. Atualizar sua instância para a versão mais recente evita esse problema.
Aplicativos de Terceiros Não Suportam Alt Text
Alguns clientes Mastodon de terceiros, especialmente os mais antigos ou abandonados, não fornecem uma maneira de adicionar alt text. Se você usa um aplicativo que oculta o campo de alt text, mude para o aplicativo oficial do Mastodon ou para a interface web para postagens que incluam imagens. Você ainda pode usar o aplicativo de terceiros para ler sua linha do tempo.
| Item | Web Oficial do Mastodon | Aplicativo Móvel Oficial do Mastodon |
|---|---|---|
| Localização do campo de alt text | Abaixo da miniatura da imagem após clicar no ícone de lápis | Abaixo da miniatura da imagem após tocar em editar ou no rótulo de descrição |
| Limite de caracteres | 1.500 caracteres por imagem | 1.500 caracteres por imagem |
| Aviso antes de publicar sem alt text | Sim, com opção de ignorar | Sim, com opção de ignorar |
| Suporte para múltiplas imagens | Sim, cada imagem tem seu próprio campo de alt text | Sim, cada imagem tem seu próprio campo de alt text |
Adicionar alt text a cada imagem que você publica é um pequeno hábito que torna o fediverso mais inclusivo. Comece descrevendo uma imagem por dia e depois aumente para todas as imagens. Se você usa uma ferramenta como IFTTT ou um bot para publicar imagens automaticamente, verifique se essa ferramenta suporta alt text. Muitas ferramentas de automação removem o alt text, então você pode precisar adicionar descrições manualmente após a postagem ser criada.