{"id":4811,"date":"2022-01-09T10:39:21","date_gmt":"2022-01-09T13:39:21","guid":{"rendered":"https:\/\/www.teo.com.br\/?p=4811"},"modified":"2022-01-09T10:39:21","modified_gmt":"2022-01-09T13:39:21","slug":"acessibilidade-da-midia-social-guia-alternativo-nas-midias-sociais","status":"publish","type":"post","link":"https:\/\/teo.com.br\/noticias\/2022\/01\/09\/acessibilidade-da-midia-social-guia-alternativo-nas-midias-sociais\/","title":{"rendered":"Acessibilidade da Midia Social: Guia Alternativo nas Midias Sociais"},"content":{"rendered":"\n
Pessoas com vis\u00e3o limitada devem ser capazes de desfrutar de conte\u00fado de qualidade com total facilidade.\u00a0Voc\u00ea sabia que\u00a0o\u00a0conte\u00fado\u00a0das redes sociais\u00a0ainda n\u00e3o \u00e9 acess\u00edvel a todos?\u00a0Mas voc\u00ea pode fazer isso.<\/p>\n\n\n\n
E \u00e9 muito importante fazer isso. Todos os que est\u00e3o online devem ser capazes de desfrutar de conte\u00fado de qualidade. A m\u00eddia social \u00e9 uma parte importante da m\u00eddia gerada automaticamente nos dias modernos. Recebemos a maior parte de nossas informa\u00e7\u00f5es, e \u00e0s vezes informa\u00e7\u00f5es incorretas, das m\u00eddias sociais. Ent\u00e3o, n\u00e3o seria bom ter o conte\u00fado facilmente acess\u00edvel? \u00c9 a\u00ed que entra o texto alternativo. <\/p>\n\n\n\n
O QUE \u00c9 TEXTO ALTERNATIVO? <\/h2>\n\n\n\n
Texto alternativo significa \u201ctexto alternativo\u201d e \u00e9 usado no c\u00f3digo HTML para descrever imagens em sites. O texto alternativo est\u00e1 tornando as m\u00eddias sociais mais acess\u00edveis ao descrever imagens para que as pessoas com perda de vis\u00e3o possam entender e desfrutar das imagens como todos n\u00f3s. Descubra como voc\u00ea pode usar o alt-text para tornar suas postagens nas redes sociais mais acess\u00edveis.<\/p>\n\n\n\n
Pr\u00e1tica recomendada ao usar texto alternativo para acessibilidade nas redes sociais<\/p>\n\n\n\n
A caixa de descri\u00e7\u00e3o do texto alternativo em qualquer canal deve apenas descrever a imagem primeiro e, em seguida, fornecer mais informa\u00e7\u00f5es, se necess\u00e1rio. Pessoas com perda de vis\u00e3o j\u00e1 podem acessar a p\u00f3s-c\u00f3pia por meio de seu leitor de tela, o texto alternativo tem tudo a ver com a imagem. Por exemplo: se houver uma imagem de um tigre com seu filhote postada no Dia Global do Tigre, a descri\u00e7\u00e3o deve ser: ‘Aqui est\u00e1 a imagem de um Tigre de Bengala lambendo seu filhote sob a sombra de uma \u00e1rvore na floresta’. Voc\u00ea n\u00e3o precisa adicionar informa\u00e7\u00f5es sobre o Dia do Tigre ou qualquer outra coisa. <\/li>
A melhor pr\u00e1tica \u00e9 fazer com que as descri\u00e7\u00f5es sempre comecem com ‘ Esta imagem \/ foto mostra …<\/strong> ‘, ‘ Esta foto descreve …<\/strong> ‘, ‘ Esta foto tem …<\/strong> ‘ J\u00e1 que o leitor de tela ler\u00e1 exatamente o que est\u00e1 escrito. <\/li>
Esteja ciente do uso de emojis. Um leitor de tela l\u00ea um emoji como ele \u00e9 – por exemplo, um emoji ‘cintilante’ – \u2747\ufe0f ser\u00e1 lido como ‘cintilante’. Mas se houver \u2747\ufe0f\u2747\ufe0f\u2747\ufe0f\u2747\ufe0f – ser\u00e1 lido como ‘cintilante, cintilante, cintilante, cintilante’. <\/li>
Se houver texto sobreposto \u00e0 imagem, \u00e9 importante inclu\u00ed-lo em seu texto alternativo. Por exemplo: se houver uma imagem do Dalai Lama com sua cita\u00e7\u00e3o ‘Dormir \u00e9 a melhor medita\u00e7\u00e3o’, o texto alternativo seria: \u201cEsta \u00e9 uma foto do Dalai Lama, com a frase ‘Dormir \u00e9 a melhor medita\u00e7\u00e3o’\u201d.<\/strong><\/li><\/ul>\n\n\n\n
Aqui est\u00e1 um guia ilustrado sobre como tornar seu conte\u00fado completamente acess\u00edvel para todos<\/p>\n\n\n\n
COMO USAR ALT TEXT NO INSTAGRAM<\/strong><\/h2>\n\n\n\n
Para hist\u00f3rias do Instagram<\/h3>\n\n\n\n
O Instagram tem um recurso de texto alternativo criativo para hist\u00f3rias. Depois de gravar um v\u00eddeo de hist\u00f3rias, voc\u00ea pode acessar um adesivo chamado ‘legendas’ e as legendas geradas automaticamente ficam vis\u00edveis no Instagram. <\/p>\n\n\n\n
Uma maneira mais simples de adicionar legendas no Instagram \u00e9 simplesmente acessar o adesivo de texto e adicionar as legendas manualmente. Isso ser\u00e1 mais preciso do que os gerados automaticamente. E esse recurso ser\u00e1 mais \u00fatil se voc\u00ea estiver falando em um idioma diferente do ingl\u00eas. <\/p>\n\n\n\n
Para imagens<\/h3>\n\n\n\n
O processo de adicionar imagens \u00e9 bastante f\u00e1cil para o Instagram. V\u00e1 para Configura\u00e7\u00f5es avan\u00e7adas, Acessibilidade e ‘Escrever texto alternativo’<\/p>\n\n\n\n<\/figure>\n\n\n\n
COMO USAR O ALT TEXT NO LINKEDIN <\/strong><\/h2>\n\n\n\n
Para imagens<\/h3>\n\n\n\n
No LinkedIn, a op\u00e7\u00e3o de adicionar texto alternativo fica imediatamente vis\u00edvel assim que voc\u00ea faz o upload da imagem. O limite de caracteres para texto alternativo \u00e9 300. Lembre-se de seguir as orienta\u00e7\u00f5es b\u00e1sicas ao escrever sua descri\u00e7\u00e3o.<\/p>\n\n\n\n
Imagem 1: Encontre a op\u00e7\u00e3o de adicionar texto alternativo assim que enviar a imagem.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Imagem 2: adicione o texto alternativo e mantenha-o com at\u00e9 300 caracteres.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Para videos<\/p>\n\n\n\n
Os v\u00eddeos tamb\u00e9m podem ser disponibilizados! O arquivo de legendas (.SRT) pode ser adicionado para tornar o v\u00eddeo mais acess\u00edvel ao p\u00fablico.<\/p>\n\n\n\n
Ao enviar um v\u00eddeo, voc\u00ea ver\u00e1 a op\u00e7\u00e3o de adicionar legendas logo abaixo da op\u00e7\u00e3o de alterar a miniatura. <\/p>\n\n\n\n<\/figure>\n\n\n\n
COMO USAR O ALT TEXT NO TWITTER<\/strong><\/h2>\n\n\n\n
Para imagens<\/h3>\n\n\n\n
O Twitter tornou seu canal mais acess\u00edvel com o recurso de texto alternativo para imagens. Eles tamb\u00e9m t\u00eam um limite de caracteres maior do que o LinkedIn, ent\u00e3o um pode ser t\u00e3o descritivo quanto quiser!<\/p>\n\n\n\n
Clique em ‘adicionar descri\u00e7\u00e3o’ logo abaixo da imagem> Haver\u00e1 uma caixa chamada ‘descri\u00e7\u00e3o’, onde voc\u00ea pode adicionar a descri\u00e7\u00e3o de sua imagem.<\/p>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\n
Para videos<\/h3>\n\n\n\n
Muito parecido com o LinkedIn, o Twitter tamb\u00e9m permite adicionar arquivos de legendas aos seus v\u00eddeos. Aqui est\u00e1 um exemplo visual de como: <\/p>\n\n\n\n<\/figure>\n\n\n\n
COMO USAR O ALT TEXT NO FACEBOOK<\/strong> <\/h2>\n\n\n\n
Para imagens<\/h3>\n\n\n\n
Onde encontrar: Em editar imagem, voc\u00ea encontrar\u00e1 ‘Texto alternativo’ – abaixo dele, selecione o texto alternativo personalizado e preencha-o.<\/p>\n\n\n\n<\/figure>\n\n\n\n
O Facebook tem um recurso de texto alternativo, onde tamb\u00e9m gera automaticamente uma descri\u00e7\u00e3o por conta pr\u00f3pria. Esse recurso geralmente n\u00e3o \u00e9 t\u00e3o descritivo ou totalmente preciso. Esse texto alternativo sempre pode ser personalizado, mesmo depois que a imagem for postada. Assim, uma marca pode acessar suas imagens mais antigas e selecionar a op\u00e7\u00e3o ‘alterar texto alternativo’ para tornar todo o seu conte\u00fado acess\u00edvel. <\/p>\n\n\n\n
Por exemplo, para a imagem a seguir, o texto gerado automaticamente foi: ‘Maybe a image of 3 people and drink.’ <\/em>Este \u00e9 um detalhe gerado pela IA e n\u00e3o \u00e9 t\u00e3o coloquial ou descritivo. Portanto, \u00e9 sempre recomend\u00e1vel adicionar texto alternativo personalizado no Facebook. <\/p>\n\n\n\n<\/figure>\n\n\n\n
O texto alternativo gerado automaticamente para a imagem acima: <\/p>\n\n\n\n<\/figure>\n\n\n\n
Para videos<\/h3>\n\n\n\n<\/figure>\n\n\n\n
Os v\u00eddeos no Facebook tamb\u00e9m geram legendas automaticamente, mas h\u00e1 uma op\u00e7\u00e3o para editar a legenda quadro a quadro. Esse \u00e9 um excelente recurso para quem n\u00e3o tem arquivos de legenda prontos, eles podem fazer upload de v\u00eddeos nativos e personalizar as legendas no pr\u00f3prio Facebook. Como alternativa, o canal tamb\u00e9m oferece a op\u00e7\u00e3o de enviar arquivos de legendas!<\/p>\n\n\n\n
COMO USAR O ALT TEXT NO YOUTUBE<\/strong><\/h2>\n\n\n\n
O YouTube tem a op\u00e7\u00e3o de adicionar legendas aos elementos de v\u00eddeo. Embora este recurso n\u00e3o funcione a menos que voc\u00ea tenha selecionado o idioma do v\u00eddeo que est\u00e1 postando. <\/p>\n\n\n\n
Sele\u00e7\u00e3o de idioma:<\/p>\n\n\n\n<\/figure>\n\n\n\n
![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/NqCSvsyPxz9dPixQaxyB-bFXS7C4xWSgYcT9A-ZpUaMI4U7sk52YRT4ZMBOcQV4-1-T9JB0i1s97NvK0ht0UA2bPDz2ZeUeV4vmqHnDGDU3ZmEWiWtcwyLlrXa9emrtv-zQ1EN46=s0\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/www.tugagency.com\/wp-content\/uploads\/2021\/09\/elevate-nYgy58eb9aw-unsplash-1024x729.jpg.webp\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh3.googleusercontent.com\/QoHP8_Ah7PkXR7UG8ZBk8ZaeiYW-R7gPafnMHo-TZwVZXccgsigLkPZ2d1evxsiGAFT7TTEDhTgH-q4ol_46kd9vr2m7SI59NCWCi5H486IyO2nssZKQfYMg4tklDcizaaGCZR-7=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/ARizoZ9hg0GVLJkiVLzNY2Qs1sj-YxUCSaXCLdy28bvKgwg1OrKLiybu2SWxIGSJ3A1lbbUdEMzZg0P6IYcisS0SRgOCP6RXVL6GDgt3o2y6fuMUzzQwPGkPsgvHduVBbn8q9Bh_=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh4.googleusercontent.com\/aKkJMQuh-GqW72Pxb3yoVoY-d8IJUkIBQ9AmgcDMQRHuyQp9hXHRfHEvYQXD2tsPfFahwRNPFbzHcir0Qq-2b7UfvNphZiwK2DhfCINZzmmAgXfJnzD8qVVpuByjCRAd4kUwcbeU=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh3.googleusercontent.com\/x082wHUel3ZwGPQVRiIUayhZupEeekIcfEjaBWZim--0EpwW_ShYQ5vLXPV_9ezDuK3HmXhm-wTDA-JV7_y3_pEJhkUWMAFEsPpVdk9K6G3aWaBbiAjWsPbaA946doENXdqxEZYs=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/R2fYwKgHhw8AWqBCD-XtFcxNGpmuQGwyINDv5vHh-7IcEagHQKWf_SVzSQQa_wZXm3XqWqIhrdxus6vKs7eNyN8ZtmyRGRdE-t3vVOqSdGg-2bPTfEJPS78AlpGFKlzg1_bJYSsT=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh3.googleusercontent.com\/hFLG4_KuxqLc6XemKZeZWU2imHGGRTl4y6j9Cq4AjF6JfqWInnPKMSx4l4GIJ751aWRO6l6L7pjA1P2AbwUhw_HRpLg7sKg1tNpiymWGIluTIJLb9qEtAn8rHW3UoWXX97frxLIv=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh4.googleusercontent.com\/NDn-JJ8LDsHDr6jcbr-btTiGrKJ3jsamEmlq7jHp12-WMxqNyzZItiMVeKGPn-3fl22dIJqTrw__QlHbUlhARwe6n1rVbjIpCo_GQtgMxvdAta1liNsSdiTCd9A1__wn3erdM5Fp=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh6.googleusercontent.com\/p4W4FoNjyKSFi1MbowNrGndHPxHcFZKKyD9Bt8TFdNvtG6i2YifulTMzV6RLS26dllvKWVji6ZXfqEIkSpV663pv7uunXObZem2WXlfBLijZEw10LVz0IBVXzimd1Iz3jW5hpLKw=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh4.googleusercontent.com\/_jXHoXBAvVjpH8trylpNcXsInHigsYkDUDuV7F8Q3zmtcvgL2kB-49WK1DY3utAWSu0IH-6HrMkHgjkSzs0GBSLLhuH1UdFeLLVtlIzk8e3INtGka2NapdRu9trTq8BjpnFlStft=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/hfDhNY50Y2HIQN8lG4zq7cRYuwHHkc5FKSWcmPGTPU4obIy59JZlvBQ6yrqnIjan5FAyU_Y_yy1sUeHiO_P_0lKT0H1t4yFw7kRCatJQoaOdf7Gh7lph3WtjKgK1kRVbIIkCe2M6=s0\")
<\/figure>\n\n\n\n![\"\"\/](\"https:\/\/lh5.googleusercontent.com\/o7ggdRHeKNNGAIN2jcxlFBUxzPeUtbURc33-8s8-9BHyZkX2g5KXmKdb7lZEa-Xs4BCBjf9l8eKFmiZJuXaGuoTsjSz6SGRUCAwyNC9g0uNO0pim4TlI72RiXDRGpkXcpuYiJEp9=s0\")
<\/figure>\n\n\n\n