Qual é a melhor maneira de adicionar descrições de imagens?

We have a practice of always adding image descriptions in order to make Discourse accessible to people who use screen readers. What are some best ways to support adding image descriptions?

For example, is it possible for help text to show up that tells people to add an image description?

“You’ve added an image! Please add an image description before you create the topic.”

And, how do we add alt-text?

More on image descriptions

https://livingwithdisability.tumblr.com/post/124066767358/all-about-image-descriptions
https://www.perkinselearning.org/technology/blog/how-write-alt-text-and-image-descriptions-visually-impaired

3 curtidas

Good question… I’ve wondered about this myself. It appears that the filename is used to create a description for the image. Then after uploading, you can tweak it in the markdown. When viewing a post with an image, you can mouse over it or click on it to look at the image bigger, and it includes the description at bottom. But I don’t know how that description works in screen readers.

If this can work, then for communities where this is especially important you can develop a culture around improving these descriptions, and moderators can also keep an eye out and edit posts to improve descriptions or send PMs to educate users.

![Irish Stout after a week in the fermenter, ready for pouring into bottles|375x500](upload://rW0hzxtwAluwFC6TAY07KT7J8IK.jpeg) 

4 curtidas

I’d like to bump this.

@codinghorror is there a place to make specific requests for technical improvements here? Requiring users to rename files or supply markup is simply a non-starter. Those techniques are completely non-discoverable, but even if they weren’t, are also a bigger hurdle than most users will climb. Adding alt text need to be obvious, simple, and (critically) part of the normal process for uploading images, so that users who rely on assistive technologies can participate. IMO the best solution would be to have a pop-up on image upload that asks for descriptive text to be supplied. And at least for our forum I would even like a configuration to make supplying non-empty text mandatory.

7 curtidas

OK, I think you’d need a plugin for that, perhaps start in marketplace ?

@codinghorror I meant to convey that accessibility needs to be a first-class concern that is built directly in to Discourse, not bolted on as an afterthought. (Apart from that, after a recent very bad experience with a non-official plugin and a botched upgrade, we only install official plugins).

1 curtida

pop-ups rarely improve usability, so I am not sure I agree with that.

At the moment when pasting from clipboard we do this:

A theme component could be built (no need for a plugin here)

  • That adds a big red popup
  • That highlights the word image after upload
  • That introduces an interstitial page.

I suggest starting with a theme component here prior to considering any core changes.

4 curtidas

Could you point me to a theme component that has these elements? I’d like to play around with one so that I can perhaps sketch out what an alt text / image description theme component workflow would be like.

I do think a plug-in like how events works would be best though, where you insert an image and a form opens up where you type in the alt text and the image description. Then when you hit submit the image is automatically properly formatted.

I suggest starting with a theme component here prior to considering any core changes.

Sorry for the delayed reply. I have always regarded Discourse development as both thoughtful and thorough, and my perception from other threads as also led me to believe that accessibility is a priority.

Which is why I am frankly struggling to understand the reluctance here. I would describe the current situation for users as “nearly impossible to add, even if they want to / remember to” and the situation for admins as “completely impossible to remind / encourage”. Making alt-tags simpler and easier seems like incredibly low-hanging fruit that would benefit accessibility on every Discourse instance. It should be built-in, everywhere. $0.02

3 curtidas

You could certainly build a blocking interstitial which prevents posting… I think you could do this with watched words – since we know the default image description is equal to the filename?

![super_breakout_1680x1050|690x431](upload://kVEmM01Hth0lkki06JdIsR4do5P.jpeg)

1 curtida

Este pode ser um alvo interessante para um rotulador automático de IA.

IMO, essas configurações estariam presentes

  • Solicitar descrições no upload de imagens (padrão LIGADO)
  • Tentar preencher automaticamente descrições de imagens usando serviço de IA (padrão DESLIGADO)

Eu pessoalmente não gostaria de rótulos de AU automatizados enviados sem revisão humana.

Dito isso, depois de três anos, sou um tanto cético de que o Discourse criará funcionalidades para otimizar as opções de acessibilidade para uploads de imagens.

Não somos um fórum com muitas imagens, mas tive a ocasião de postar uma imagem e tive que vir ao Meta para pesquisar a funcionalidade de texto alternativo para ter certeza de como funciona. Não é muito óbvio.

Minha consciência foi elevada por uma ênfase crescente na acessibilidade no desenvolvimento web em geral hoje. Eu adoraria ver o Discourse solicitar o texto alternativo no upload e fornecer uma opção para torná-lo obrigatório.

1 curtida

Um pouco relacionado, o Discourse AI agora solicita aos usuários uma vez ao detectar imagens sem texto alternativo em suas postagens para habilitar legendas automáticas de imagens geradas por IA.

Isso é algo, mas eu ainda gostaria de ver um prompt para autores em fóruns não habilitados para IA.

(Não para criticar o Discourse AI, mas até agora não sou fã de texto alternativo de IA em geral, pois já vi ele fornecer conteúdo realmente banal e/ou impreciso que ignora o contexto. A IA pode ter um lugar em coisas como operações em massa em grandes catálogos antigos. Mas em um artigo ou em uma conversa, prefiro que o autor componha um texto alternativo que expresse o ponto narrativo da imagem, não apenas uma descrição visual.)

1 curtida

A melhor maneira de seguir em frente é a comunidade desenvolver um componente de tema que faça isso. Se for bem recebido, pode eventualmente ser adotado no núcleo.

Por quê? A acessibilidade, especificamente, é uma área onde o Discourse deveria liderar.

1 curtida

O Discourse oferece uma maneira de adicionar descrições de imagens. Só porque você não gosta da implementação não significa que não estamos liderando! :wink:

Se você quiser uma implementação diferente, sinta-se à vontade para implementá-la como um componente de tema ou pagar alguém em Marketplace para fazê-lo. Se funcionar melhor do que o que temos agora, será adicionado ao core. É assim que muitas melhorias acabam no core.

Dito isso, como parte do novo trabalho do composer, teremos que revisitar essa área da UI. Está na lista.

1 curtida

Você quer dizer adicionar um rodapé ou algo mais como ALT? Cheguei aqui porque estou procurando a maneira atualmente esperada de adicionar descrições a imagens, especialmente para pessoas cegas, se houver alguma.

1 curtida

O atributo alt é a descrição da imagem, que você pode adicionar dentro da sintaxe markdown da imagem, ou diretamente a partir da miniatura da imagem na prévia da postagem :slight_smile:

Exemplo de Markdown:

![A imagem é uma postagem de blog da Discord AI por um gerente de produto discutindo o AI Auto responder, um recurso que usa IA para responder de forma inteligente a consultas de suporte, exigindo automação do Discourse e plugins de IA para funcionalidade. (Legenda por IA)|230x500](upload://6rMT7zREgcFUdeLKbbXXSqOUZLo.jpeg)

3 curtidas