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

Duas capturas de tela da plataforma do Twitter para iOS. A primeira mostrando a nova sobreposição do botão de adicionar descrição em miniaturas na plataforma. A segunda mostra a composição do texto alternativo de uma imagem

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.

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:

Tuíte feito por Reinado Ferraz

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.

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

Duas capturas de tela da plataforma do Twitter para iOS. A primeira mostrando a nova sobreposição do botão de adicionar descrição em miniaturas na plataforma. A segunda mostra a composição do texto alternativo de uma imagem

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.

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:

Tuíte feito por Reinado Ferraz

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.

Foto de perfil do Reinaldo Ferraz, vestindo uma camisa branca
Publicado por Reinaldo Ferraz em 22 de dezembro de 2014

*Versão original publicada no Blog do W3C Brasil