W3C Escritório Brasil - Blog

Novo recurso do Twitter é uma conquista para acessibilidade na Web

Ontem o Twitter anunciou o lançamento de um novo recurso de acessibilidade para dispositivos móveis, que impacta toda a plataforma do serviço. A última versão do aplicativo para Android e IOs tem um recurso para descrição de imagens.

O recurso permite fazer uso de 420 caracteres para descrever a imagem, além dos 140 caracteres que o serviço disponibiliza para cada tweet. Mas como efetivamente isso funciona?

Two screen shots of the composer for Twitter for iOS. The first showing the new Add description button overlayed on a thumbnail in the composer. The second showing the composition of alt text for an image.

Ao selecionar uma foto para publicar, um botão com o texto “Adicionar descrição da imagem” aparece sobre a foto. Essa descrição serve para preencher o atributo ALT da imagem publicada na interface Web. Simples e genial.

O atributo ALT serve para fornecer texto alternativo para uma imagem. Isso é importante pois o texto é exibido caso a imagem não seja carregada ou seja lida por usuários de softwares leitores de tela.

Fiz um teste ontem desse recurso, e o resultado foi bem satisfatório:

Publiquei este tweet com o recurso de descrição da imagem. Ao inspecionar o código da imagem na interface Web do Twitter, o código fica da seguinte forma:

<img data-aria-label-part src=”https://pbs.twimg.com/media/CewYhp4W4AAoLbv.jpg”
alt=”Foto de um bonsai sobre uma superfície de madeira” style=”width: 100%; top: -0px;”>

Esse é um recurso incrível que permite que qualquer pessoa possa descrever as imagens no Twitter. Por utilizar texto que está dentro do atributo ALT, ele permite que pessoas pessoas cegas e de baixa visão que utilizam softwares leitores de tela consigam acessar a descrição da imagem proporcionada pelo próprio usuário.

Outras redes sociais fazem uso do atributo ALT também em suas imagens, mas não com o objetivo de descrever a imagem. O Instagram, por exemplo, usa o texto da legenda da foto repetido dentro do atributo ALT. Parece suficiente, mas não serve muito quando você tem uma foto de um copo de suco derrubado na mesa com a legenda “quem nunca?”.

Como habilitá-lo

O recurso não vem habilitado por padrão no aplicativo. Para habilitá-lo, abra o app do Twitter, vá em configurações e em seguida em acessibilidade. Selecione o checkbox de “Escrever descrições das imagens”. Pronto (pelo menos foi assim que consegui configurar o app no Android, mas creio que em IOs não seja muito diferente).

Apesar de ainda ser um recurso disponível apenas para os aplicativos nativos para Android e IOs, esperamos que em breve ele esteja disponível para a versão Web do Twitter.

Parabéns, Twitter!

PS: Nós também temos que fazer a nossa parte. Utilize esse recurso para descrever imagens da próxima vez que publicar uma foto no Twitter.