O design inclusivo pode parecer o domínio dos designers e desenvolvedores web UX, mas os marketeiros de mídias sociais também podem praticá-lo.

Várias plataformas sociais fizeram recentes atualizações de acessibilidade. O legendagem automática está disponível no Facebook Live e Instagram IGTV. Após a introdução inacessível de Tweets de voz, o Twitter estabeleceu duas equipes de acessibilidade e planeja lançar legendas automáticas até o início de 2021. Campos de descrição de alt-imagem estão agora disponíveis em todas as três plataformas, bem como no LinkedIn.

Os profissionais de marketing devem encarar o facto de se manterem informados sobre estas actualizações como uma responsabilidade. A acessibilidade das redes sociais não é tecnicamente exigida pelas normas de conformidade 2.1 da Web Content and Accessibility Guideline. Mas não deve ser necessário. O marketing inclusivo das redes sociais é apenas um bom marketing das redes sociais.

Bónus: Leia o guia passo-a-passo de estratégia de mídia social com dicas profissionais sobre como aumentar a sua presença nas mídias sociais.

O que é design inclusivo?

O design inclusivo visa proporcionar a melhor experiência de usuário para o maior número de pessoas possível.

Na prática, é uma mudança da abordagem de tamanho único que se centra em torno dos chamados "usuários médios". Em vez disso, o design inclusivo cria para uma gama diversificada de usuários, abordando as barreiras e fornecendo uma variedade de formas para que as pessoas se envolvam.

Não existe tal coisa como normal. #inclusion #inclusion #inclusive #design @MicrosoftDesign pic.twitter.com/xXW468mE5X

- katholmes (@katholmes) 6 de março de 2017

O design inclusivo começa pela identificação das necessidades mais raras ou extremas, também conhecidas como edge cases ou casos de estresse. Dependendo do contexto, os edge cases podem incluir diferenças de habilidade, idade, sexo, linguagem e outros fatores. Em contraste, o design universal visa servir ao mais amplo leque de pessoas e situações.

@meyerweb O termo é revelador: os casos de borda definem os limites do que/quem você se importa.

- Evan Henſleigh (@futuraprime) 25 de Março de 2015

Depois de identificar os casos de borda, o próximo passo é desenhar uma solução. Os princípios de desenho inclusivo da Microsoft fornecem uma boa estrutura:

1. Reconhecer a exclusão
2. Resolver por um, estender-se a muitos, e
3. Aprender com a diversidade.

Muito frequentemente, o design inclusivo beneficia a todos.

As legendas fechadas em vídeos são um excelente exemplo. O principal caso de uso das legendas é para ajudar pessoas com deficiências auditivas. Mas elas também ajudam aprendizes de línguas e telespectadores assistindo com som desligado. Dados do Facebook mostram que o conteúdo de marca projetado para som desligado foi classificado como tendo 48% mais relevância, 38% mais interesse de marca.

Porque é que a acessibilidade é importante para as redes sociais

O design inclusivo aumenta o acesso. Uma estratégia de mídia social que considera o design inclusivo faz o mesmo. Sem acessibilidade, você perde a conexão com todo o seu público potencial.

Pelo menos um bilhão de pessoas - 15% da população mundial - experimentam alguma forma de deficiência. Esse número aumenta significativamente quando se trata de deficiências temporárias e situacionais. Conteúdos e experiências não inclusivas afastam as pessoas. E nem sempre é fácil identificar quando isso acontece. Visitantes excluídos da web muitas vezes não reclamam: 71% simplesmente saem.

Uma pesquisa de 2018 com usuários do Facebook em 50 países descobriu que mais de 30% das pessoas relatam dificuldades com pelo menos uma das seguintes coisas: ver, ouvir, falar, organizar pensamentos, caminhar ou agarrar com as mãos.

Manter as redes sociais acessíveis significa reconhecer a exclusão, aprender com seus seguidores e apresentar informações da maneira mais clara possível. E, no final das contas, isso é apenas ser um bom comerciante.

Além disso, quase todos gostam de ver inclusividade na publicidade. De acordo com uma pesquisa recente do Google, 64% das pessoas tomaram uma atitude depois de verem um anúncio que consideravam inclusivo.

9 dicas de design inclusivas para gestores de redes sociais

1. tornar o texto acessível

Escrever com clareza torna o texto mais acessível e compreensível. E isso beneficia a todos. É tão simples quanto isso.

Antes de publicar, considere como ferramentas de assistência como leitores de tela irão ler sua cópia. E as pessoas que estão aprendendo inglês como segunda língua? Ou aqueles com dificuldades de aprendizagem ou familiaridade limitada com o assunto?

Aqui estão algumas dicas de design inclusivas para o texto:

• Escreva em linguagem simples: Evite jargões, gírias ou termos técnicos, a menos que sejam apropriados. Não se preocupe. Você pode fazer isso sem comprometer a voz da marca
• Não use demais bonés As tampas completas podem ser difíceis de ler e mal interpretadas pelos leitores de ecrã.
• Use caixa de camelo para hashtags multi-palavras Capitalizar a primeira letra de cada palavra para tornar os hashtags mais legíveis e evitar erros de leitura de tela.

PSA...

blacklivesmatter é pronunciado pelo software de leitura de tela algo como "black live (o verbo) smatter".

BlackLivesMatter é anunciado como você pode esperar: "vidas negras são importantes "#SocialMedia #Acessibilidade

- Jon Gibbins (@dotjay) 9 de julho de 2020

• Ponha hashtags e menções no final. Os sinais de pontuação são lidos em voz alta pelos leitores de tela. Esteja atento a como hashtags ou @ menções podem perturbar a cópia.
• Evite dizer "clique aqui". Use a chamada descritiva para ações como: Cadastre-se, Experimente de graça ou inscreva-se.
• Limitar o uso de emoji. Emoji e emoticons (ou seja, ¯\_(ツ)_/¯ ) são lidos em voz alta pela tecnologia assistencial. Isso significa que as pessoas vão ouvir coisas como "cara de choro alto" ou "pilha de cocô". Antes de usar um, veja como ele se traduz em texto.
• Use uma fonte de tamanho adequado. Certifique-se de que o texto é legível, especialmente quando usado em imagens ou áreas que não são modificáveis.
• Evite caracteres especiais Para além da legibilidade reduzida, o VoiceOver e outras ferramentas de assistência lêem formatação especial de forma muito diferente.

Você 𝘵𝘩𝘪𝘯𝘬 é 𝒸𝓊𝓉ℯ para 𝘄𝗿𝗶𝘁𝗲 seus tweets e usernames 𝖙𝖍𝖎𝖘 𝖜𝖆𝖞. Mas você tem 𝙡𝙞𝙨𝙩𝙚𝙣𝙚𝙙 para o que é 𝘴𝘰𝘶𝘯𝘥𝘴 𝘭𝘪𝘬𝘦 com tecnologias assistivas como 𝓥𝓸𝓲𝓬𝓮𝓞𝓿𝓮𝓻? pic.twitter.com/CywCf1b3Lm

- Kent C. Dodds 🚀 (@kentcdodds) 9 de janeiro de 2019

• Comprimento da linha limite Linhas demasiado longas podem interferir com a legibilidade e retenção.
• Usar linguagem inclusiva Evite uma linguagem capaz, mantenha-se com pronomes e termos neutros de gênero, compartilhe diversas vozes e emoji e avalie o texto para suposições de pontos de vista limitados.

//www.instagram.com/p/CE4mZvTAonb/

2. fornecer legendas descritivas da imagem

Legendas descritivas e texto alternativo (também conhecido como texto alt) permitem que as pessoas visualizem imagens quando não conseguem vê-las. De acordo com a WebAIM, um texto alt sem fins lucrativos com Centro para Pessoas com Deficiência, ausente ou ineficaz, é o aspecto mais problemático da acessibilidade web.

Várias plataformas de redes sociais utilizam tecnologia de reconhecimento de objectos para fornecer texto alternativo automático. Obviamente, existem limites à sua fiabilidade. É sempre melhor adicionar uma descrição personalizada quando puder.

Facebook, Twitter, Instagram e LinkedIn fornecem campos específicos para você adicionar alt-text para imagens e GIFs (você também pode adicionar texto alt com SMMExpert). Quando não for possível adicionar alt-text, inclua legendas descritivas.

Se você está entediado de me ver pedir para as pessoas descreverem suas fotos, imagine como eu estou entediado:

1. Escrever a mesma coisa uma e outra vez.

2. rolando através deste aplicativo e se perguntando o que há de tão engraçado/de início/importante sobre essa foto.

- Holly Scott-Gardner (@CatchTheseWords) 25 de Setembro de 2020

Dicas para escrever o texto descritivo do alt-text:

• Transmitir o conteúdo : Existe uma enorme lacuna entre "Imagem de um gráfico" e algo do género: "Um gráfico de barras ilustra que houve um aumento anual dos incêndios florestais, atingindo um pico de 100 este ano".
• Pular a frase "imagem de" ou "fotografia de". "O Royal National Institute of Blind People diz que a maioria dos leitores de ecrã prefere que não o faça.
• Menção cor se é importante para entender a imagem.
• Partilhar humor O texto descritivo não tem que ser excessivamente formal e deve fazer o seu melhor para expressar o que é engraçado.
• Transcrever texto Se a imagem tem uma cópia que é central para o seu significado, certifique-se de incluí-la na descrição.
• Aprenda com os melhores WebAIM oferece dicas e vários exemplos, e a apresentação da redatora Ashley Bischoff é muito útil.
• Não se esqueça dos GIFs O Twitter fez recentemente do alt-text uma opção para GIFs. Se a plataforma não suporta alt-text, inclua uma descrição na ação.

Geralmente não é preciso dizer 'imagem de' ou 'fotografia de'. Basta descrever o que a imagem está a transmitir - o que o utilizador pretende obter ao vê-la. Alguns exemplos:

- Robot Hugs (@RobotHugsComic) 5 de janeiro de 2018

3. incluir legendas de vídeo

As legendas fechadas são cruciais para os telespectadores com deficiências auditivas. Elas também melhoram a experiência visual para as pessoas que assistem em sua língua não-nativa, ou para os telespectadores em ambientes com som desligado. As legendas até mesmo beneficiam as crianças que aprendem a ler.

😳😳😳😂 obrigado @AOC!!!!!!

Aprendi muito com vocês por causa dos vossos títulos. Obrigado por serem inclusivos para 466 milhões de surdos! //t.co/792GZFpYtR

- Nyle DiMarco (@NyleDiMarco) 28 de março de 2019

Testes internos no Facebook descobriram que os anúncios de vídeo que incluem legendas vêem um aumento de 12% no tempo de visualização em média. As legendas também ajudam na lembrança. Vários estudos têm mostrado que as pessoas que assistem vídeos com legendas têm mais probabilidade de se lembrar do conteúdo.

Facebook O Facebook Live e Workplace Live também dispõe de legendas fechadas automáticas.

YouTube Os erros podem ser corrigidos com o editor de legendas. As legendas automáticas estão disponíveis em inglês para o YouTube Live. As legendas da comunidade, que permitiam que as contas criassem legendas e traduções, foram descontinuadas.

Instagram A partir de agora, as legendas automáticas estão disponíveis para IGTV Live e IGTV. Caso contrário, as legendas de vídeo devem ser gravadas ou codificadas com antecedência. Adicione legendas às suas Histórias Instagram e vídeos TikTok e Snapchat, com texto personalizado. Cliptomatic ajuda com isso.

Twitter O Twitter também está trabalhando para adicionar legendas automatizadas ao vídeo e ao áudio até o início de 2021.

LinkedIn : Carregue um ficheiro .srt com o seu vídeo.

Quando os campos alt-text não estiverem disponíveis, inclua uma descrição em seu título. Veja como eles são tipicamente formatados: descrição da imagem: [descrição da imagem].

PS: SMMExpert permite-lhe carregar ficheiros de legendas juntamente com os seus vídeos sociais em Compose, para que possa facilmente publicar vídeos com closed captioning.

Além do closed captioning, aqui estão mais algumas coisas que você pode fazer para criar vídeos silenciosos altamente assistidos para as mídias sociais.

4. adicionar descrições em vídeo

Ao contrário das legendas, que são geralmente uma transcrição do diálogo falado, a linguagem descritiva denota as visões e sons importantes que não são falados. Imagine como a cena do cartão deixa pistas em O Amor Na verdade ou a ver a cena em Clube de Combate onde o personagem de Edward Norton bate em si mesmo.

Desafio-o a desfrutar de um programa de TV usando a descrição áudio. Mergulhe no mundo do áudio e experimente um programa de TV ou filme da perspectiva #SightLoss que você nunca sabe que pode obter muito com ele. @sibbymeade @guidedogs @seandilleyNEWS @TPTgeneral pic.twitter.com/oMSjE7nduv

- Martin Ralfe - Guide Dogs (@MartinRalfe_GDs) 14 de Setembro de 2020

Existem algumas maneiras de fornecer descrições:

• Áudio descritivo O vídeo descrito é a descrição narrada de quaisquer elementos não verbais importantes no seu vídeo. Esta faixa é escrita e gravada para caber nas lacunas entre elementos de áudio importantes. Nas redes sociais, o vídeo descrito é tipicamente "cozinhado" e não pode ser desligado.
• Transcrição descritiva Por vezes referidas como uma transcrição alternativa de mídia, estas transcrições fornecem descrições ao lado do diálogo, muito parecidas com um roteiro.
• Vídeo descrito ao vivo Os apresentadores de vídeo ao vivo devem estar familiarizados com as técnicas de vídeo descritivo, fazendo pausas para descrever o que está acontecendo na tela. A Accessible Media Inc. tem um guia de boas práticas.

5. usar um contraste de cor de pelo menos 4,5:1

Para pessoas daltônicas, ou mesmo para aquelas que mudaram para a escala de cinza para evitar a dopamina entregue por notificações vermelhas, o contraste de cores é importante.

O contraste ideal entre uma cor de texto e seu fundo deve ser de pelo menos 4,5 para 1, como recomendado pelo WCAG. Para textos maiores essa proporção diminui, mas aumenta para textos menores. As variações podem parecer sutis - mas elas fazem uma grande diferença para diferentes telespectadores.

• Evite combinações de verde e vermelho ou azul e amarelo, pois são difíceis de ler.
• O texto pode ser difícil de ler nas imagens, por isso considere o uso de um fundo sólido ou uma sobreposição opaca.
• Em gráficos e gráficos, considere também o uso de padrões para diferenciar os dados.

Fonte: Desenho Facebook

6. não confie na cor para transmitir significado

Pelo menos 2,2 bilhões de pessoas em todo o mundo têm alguma forma de deficiência visual, incluindo daltonismo, visão baixa, visão próxima e cegueira. Na verdade, o esquema de cores do Facebook é azul porque seu fundador, Mark Zuckerberg, é daltônico vermelho-verde.

A cor também pode significar coisas diferentes para culturas diferentes. Por exemplo, o vermelho pode significar uma tendência descendente nos gráficos financeiros dos EUA, mas na China o vermelho é positivo.

• Visualizar links Acrescente um sublinhado ou uma animação para transmitir que o texto hiperligado é clicável. O Grupo Nielsen Norman tem orientações úteis para a visualização de links.
• Usar símbolos Em gráficos ou infográficos, use símbolos ou padrões como alternativa ou adição de cores. Ou, adicione etiquetas esclarecedoras.

  Bónus: Leia o guia passo-a-passo de estratégia de mídia social com dicas profissionais sobre como aumentar a sua presença nas mídias sociais.

  Obtenha o guia grátis agora mesmo!

Um post compartilhado por Nick Lewis Design (@nicklewisdesign)

7. manter-se informado sobre as ferramentas de acessibilidade

Algumas plataformas têm contas oficiais dedicadas à acessibilidade. Se você é um gerente de mídia social ou comerciante, certifique-se de seguir essas contas para manter-se informado. Saiba quais opções estão disponíveis para que você possa ajudar os membros de sua comunidade caso eles precisem de sua ajuda.

Facebook:

• Página de Acessibilidade do Facebook
• Acessibilidade no Facebook no Twitter
• Assistente de Navegação do Facebook
• Centro de Ajuda de Acessibilidade do Facebook
• Envie comentários sobre Acessibilidade e Tecnologia Assistiva no Facebook

Twitter:

• Conta de Acessibilidade no Twitter
• Conta do Twitter Able
• Conta no Twitter Juntos
• Conta de segurança no Twitter
• Compartilhe feedback sobre acessibilidade e outras questões

YouTube:

• configurações de acessibilidade do YouTube
• Usando o YouTube com um leitor de ecrã
• suporte no YouTube

Interesse:

• Recursos Emocionais de Saúde
• Centro de Ajuda de Interesse

LinkedIn:

• Atendimento LinkedIn Deficiência

Siga os defensores dos direitos da deficiência, como Alice Wong, The Black Disability Collective, para ter perspectiva e compreensão. Junte-se às conversas nas redes sociais com os hashtags #a11y #DisabilitySolidarity, e outros que você encontrar.

8. promover a inclusão positiva

A utilidade não é a única medida de inclusão. A representação também importa.

Precisas de provas? Considera o Efeito Scully. Não só as espectadoras femininas de Os X Arquivos Para a agente Scully como um modelo positivo, eles estavam mais propensos a valorizar e estudar STEM depois de assistir ao programa.

Depois do Pantera Negra estreia, o Twitter explodiu com #WhatBlackPantherMeansToMe tweets.

Eu realmente adoraria um fio de crianças negras com fantasias de Pantera Negra, como uma forma de lembrar e celebrar #ChadwickBoseman 💔

- derecka (@dereckapurnell) 29 de Agosto de 2020

É um princípio básico de marketing que as marcas devem criar conteúdos que falem ao seu público. Mas muitas vezes as marcas representam em demasia homens jovens, brancos, heterossexuais, capazes, de corpo e sexo cis no seu imaginário.

Em 2019, os personagens masculinos superaram em número as personagens femininas nos anúncios, a uma taxa de dois para um.

As pessoas com deficiência representam apenas 2,2% dos caracteres nos anúncios de 2019.

As mulheres estão sempre a fazer a limpeza? O romance é sempre heterossexual? Antes de publicar qualquer imagem nas redes sociais, certifique-se de que não está a promover estereótipos racistas, sexistas, sexistas, etários, homofóbicos ou outros.

Um posto compartilhado por Osmose (@osmosismed)

Sua alimentação deve ser tão diversa quanto as pessoas do seu público - ou as pessoas que você gostaria de se unir ao seu público. Destaque a diversidade através de seus visuais, parcerias e colaborações. E quando o fizer, esteja preparado para dar suporte. Isso significa que você precisa aparecer quando os trolls aparecerem.

Leia o nosso guia para um verdadeiro activismo das redes sociais.

9. bem-vindo e abrace o feedback

É raro acertar tudo na primeira tentativa. É por isso que é importante estar aberto ao feedback e aos próprios erros quando os cometemos.

Desculpe-nos por testar Tweets de voz sem apoio para pessoas com deficiência visual, surdas ou com dificuldades auditivas. Foi uma falha introduzir esta experiência sem este apoio.

A acessibilidade não deve ser uma consideração posterior. (1/3) //t.co/9GRWaHU6fR

- Suporte no Twitter (@TwitterSupport) 19 de junho de 2020

Facilitar um diálogo seguro e positivo com sua comunidade. Forneça detalhes de contato, um formulário de feedback ou um prompt que diga ao seu público onde eles podem compartilhar seus pensamentos. Como diz a designer de interação sênior do Google Kara Gates: "Se você quer mudar o mundo, você tem que incluir isso".

Planeje testar e iterar frequentemente. Aproveite ferramentas como o Color Oracle para simular o daltonismo. Leia alt-text em voz alta - ou melhor ainda, use um leitor de tela ou outros tipos de tecnologia de assistência para testar seu conteúdo. Uma lista completa de ferramentas úteis está incluída abaixo.

Ferramentas de acessibilidade das redes sociais

Extensões do WAVE Browser

As extensões Web Accessibility Evaluation podem ser usadas no Chrome e no Firefox para avaliar o seu website e o seu conteúdo em termos de acessibilidade.

Hemmingway Editor

Assegure a legibilidade da sua cópia com o Hemmingway Editor. Aponte para o grau 8 e inferior para cumprir com os padrões WCAG. A Ferramenta de Teste de Legibilidade é outra opção.

Verificador de Acessibilidade Microsoft

A Microsoft tem uma ferramenta de acessibilidade integrada disponível no Outlook, Excel e Word. O Manual de Desenho Inclusivo da Microsoft também oferece vídeos e folhetos para download sobre tópicos de desenho inclusivo.

Aplicação de Leitor de Fio

Este bot do Twitter desenrola os tópicos na plataforma para que as pessoas possam lê-los mais facilmente. Para solicitar o aplicativo, basta marcá-lo e escrever "unroll" em resposta ao tópico em questão.

Imagem Alt Texto e Alt Leitor de Texto

Tag @ImageAltText ou @Get_AltText em resposta a um tweet com uma imagem para acionar esses bots do Twitter. Se disponível, eles responderão com o texto alt.

Cliptomatic

Adicione legendas automaticamente às suas Histórias Instagram, vídeos TikTok e Snaps com Cliptomatic.

Aplicativo Contraste

Se você usa um Mac, o aplicativo Contrast é um verificador de contraste compatível com WCAG. Um recurso legal sobre este aplicativo é que ele permite que os designers verifiquem suas pontuações de contraste à medida que selecionam as cores. Os criadores deste aplicativo fornecem até mesmo um guia que simplifica os padrões WCAG.

Verificador de Contraste

O Contrast Checker permite que você arraste e solte uma imagem específica para uma verificação de contraste, o que é uma boa coisa a fazer antes de fazer upload de ativos para as mídias sociais.

Cor Oracle

Para garantir que você não está usando somente cores para transmitir informações, use o simulador gratuito de cegueira por cores. A ferramenta de código aberto está disponível para Windows, Mac e Linux.

Cofre de cor

Use o Color Safe se precisar de ajuda para encontrar uma paleta de cores que ofereça contraste suficiente e adira às Directrizes WCAG.

Texto sobre imagem de fundo a11y check

Esta ferramenta de acessibilidade de texto sobre imagem ajuda você a determinar o quanto o texto é legível com base no contraste de cores. Use a ferramenta de Verificação de Texto de Imagem do Facebook para determinar se você tem muito texto na sua imagem.

Você Descreve

YouDescribe, do Smith-Kettlewell Eye Research Institute permite aos voluntários criar áudio descritivo para vídeos do YouTube. Basta copiar e colar uma url do YouTube no campo de pesquisa e clicar em Create/Edit Descriptions (Criar/Editar Descrições) para começar.

Recolha de 67 por cento

Como parte da sua campanha #SeeThe67%, a Refinery29 juntou-se à Getty Images para oferecer imagens com mulheres de tamanho superior. Veja também a colecção No Apologies Collection, uma continuação da colaboração. Dove também fez uma parceria com a Getty para quebrar estereótipos de beleza com a colecção Show Us.

A Coleção Espectro de Gênero

O Vice encoraja a mídia a ir "além do binário" com esta colecção de fotos de stock.

A Coleção Deficiência

O Global Accessibility Awareness Day, Getty Images, Verizon Media e a National Disability Leadership Alliance (NDLA) se uniram para repictuar a deficiência com este catálogo. O Brewers Collective também criou catálogos com Unsplash e Pexels.

A Coleção de Envelhecimento Disrupt

Acesse mais de 1.400 imagens que combatem preconceitos ageistas nesta coleção criada pela AARP e Getty.

Aegisub

Aegisub é uma ferramenta gratuita de código aberto para a criação e edição de legendas. Você também pode usar esta ferramenta para criar transcrições para vídeos.

Mentionolíticos

Acompanhe a sua marca através das redes sociais e da web com a Mentionolytics. Esta ferramenta é uma boa forma de aparecer e responder a perguntas e feedback, quer você tenha sido @ mencionado ou não.

Diretrizes de Acessibilidade de Conteúdo da Web (WCAG) 2.1

Estas recomendações estabelecem os padrões da indústria para experiências acessíveis na Web e nas redes sociais.

Diretrizes de Acessibilidade de Produtos Vox

Estas diretrizes fornecem uma lista de verificação interativa para designers, editores, engenheiros e muito mais.

Gerencie todos os seus canais de mídia social a partir de um painel usando o SMMExpert. Agende e publique facilmente todos os seus posts nas mídias sociais, envolva-se com seus seguidores e acompanhe o sucesso de seus esforços. Experimente grátis hoje mesmo.

Comece a usar