Acessibilidade digital para profissionais de marketing Parte 3: e-mail, conteúdo social e SEO
Publicados: 2022-08-04O trabalho de um profissional de marketing é mais do que apenas manter um site amigável. Os profissionais de marketing também usam várias estratégias e canais para adquirir tráfego do site. Não importa se você tem o site mais incrível do planeta - se ninguém o visita, você pode muito bem ter um desses sites Angelfire de 1997 (lembra deles?) por tudo o que importa.
Esta série de três artigos pretende apresentar algumas práticas fundamentais que você pode começar a implementar imediatamente para ajudar a tornar seu conteúdo digital mais acessível.
Nosso post anterior sobre Acessibilidade digital para experiência do usuário e sites aprofundou os recursos e técnicas de marketing do site; este post abordará canais e mídias externas e também como testá-los, começando pelo e-mail. Você também pode dar uma olhada na primeira desta série de três partes para obter uma visão geral dos problemas de acessibilidade.
E-mail acessível
O email marketing é uma das ferramentas mais importantes no kit de ferramentas de um profissional de marketing. As empresas usam o e-mail para fins transacionais (pense, confirmações de pedidos) e promocionais, bem como para suporte ao cliente. Você teria dificuldade em encontrar uma empresa digitalmente experiente hoje que não aproveite seus muitos benefícios.
No entanto, embora praticamente todas as organizações usem e-mail para se comunicar com clientes, clientes e prospects, nem todas garantem que os e-mails que enviam sejam acessíveis.
HTML versus e-mails de texto simples
Se sua empresa envia e-mails de texto simples, é provável que eles estejam acessíveis. Se o texto do seu link não for descritivo (veja o post anterior para mais informações sobre isso), pode ser um pouco mais difícil para um indivíduo com deficiência entender a essência da mensagem, não é uma barreira impossível.
O problema é que a maioria dos profissionais de marketing adora e-mails em HTML. E como não amar? Você pode estilizá-los para combinar com sua marca, preenchê-los com imagens gloriosas e GIFs atraentes e criar um e-mail mais atraente do que o que você conseguiria com um e-mail de texto simples. Além disso, agora que os cookies de terceiros estão se tornando uma coisa do passado, o e-mail está ressurgindo rapidamente como uma grande tendência de marketing digital.
Essa não é a questão aqui. O problema é que, quando você começa a embelezar seus e-mails e não leva em consideração a acessibilidade, alguns usuários podem não conseguir uma compreensão abrangente (ou, na pior das hipóteses, não conseguir entender nada disso).
Os emails HTML são semelhantes às páginas da Web no sentido de que usam tags de cabeçalho e imagem e estilo para renderizar em uma plataforma de email. E-mails de texto simples são apenas isso: texto simples. Para que os e-mails em HTML sejam acessíveis, você precisa seguir as mesmas diretrizes que faria para os sites.
O problema com layouts baseados em tabelas
A maioria dos e-mails HTML são estruturados usando tags de tabela porque oferecem a aparência mais consistente para e-mails visualizados em vários clientes de e-mail. Mas a tag table não foi feita para ser usada dessa maneira; como muitas outras técnicas de web design, os web designers as sequestraram para seus próprios propósitos. No entanto, isso representa um problema para os usuários de leitores de tela, pois um leitor de tela ainda lerá o conteúdo dentro das tabelas como células individuais, criando uma experiência de usuário desarticulada.
No entanto, você pode contornar isso adicionando um pequeno trecho de código ao seu HTML. Basta adicionar role=“presentation” para alertar esses usuários que estas são tabelas de apresentação, não uma tabela de dados.
A função de apresentação oculta a estrutura da tabela dos leitores de tela, deixando o conteúdo dentro da tabela inalterado. Para um usuário de leitor de tela, aparecerá como se não houvesse uma tabela para começar.
Não seja mesquinho com suas tags
Só porque você está criando um e-mail não significa que as regras para o código ordenado saiam pela janela. Certifique-se de que seus cabeçalhos sejam usados corretamente (por exemplo, use H1 para o título, H2/H3 para subtítulos, etc.) para que todos, independentemente de suas habilidades visuais, possam obter a essência do seu conteúdo em uma leitura lógica ordem. Aproveite as tags de título aqui também, para fornecer contexto adicional.
O texto alternativo também importa aqui!
Se o seu cliente de e-mail exige que um usuário clique para baixar imagens, você pode ter experimentado o seguinte: Você abre um e-mail com muitos quadrados em branco e apenas pedaços de texto para explicar o que está acontecendo. Assim que você clica em “Baixar imagens” e o visual aparece, as peças do quebra-cabeça se encaixam, mas até aquele momento, você está totalmente confuso.
Infelizmente, essa será uma experiência diária (ou de hora em hora) para usuários de leitores de tela se os profissionais de marketing deixarem de incluir texto alternativo nos recursos visuais. Então faça um favor a eles e inclua-o nas imagens de e-mail. Para imagens decorativas, use o atributo alt vazio.
Práticas recomendadas de acessibilidade móvel
À medida que as pessoas estão cada vez mais lendo seus e-mails em seus dispositivos móveis, tornou-se mais crítico projetar com essa consideração em mente. Convenientemente, as diretrizes para uma melhor experiência móvel coincidem com a acessibilidade. Por exemplo:
- Procure manter seu texto acima da fonte de 14px - se as pessoas não puderem ler sua mensagem no celular, elas não a lerão
- Mantenha seu contraste de cores de acordo com as diretrizes aceitas, o que torna mais fácil para pessoas com todas as habilidades visuais consumirem seu conteúdo
- Evite parágrafos alinhados ao centro (muito mais difíceis de ler, especialmente em um dispositivo pequeno)
- Torne o texto do link informativo e curto
Uma experiência multimídia inclusiva
Multimídia, como vídeos e podcasts, são ótimos recursos para os profissionais de marketing ajudarem a aumentar o reconhecimento da marca, gerar interesse no produto e se conectar com seu público-alvo. A boa notícia é que a) é muito fácil tornar um conteúdo como esse acessível eb) quando você o torna acessível, pode melhorar a experiência para todos.
Vídeos acessíveis
Uma pessoa com deficiência visual não poderá ver completamente o que está acontecendo na tela, enquanto uma pessoa com deficiência auditiva não poderá ouvir o diálogo. Você pode adicionar legendas para acomodar espectadores surdos ou com deficiência auditiva. O YouTube gerará legendas automaticamente, mas elas não são da melhor qualidade - geralmente é melhor gastar em um serviço de legendas se for um vídeo longo ou corrigir manualmente as legendas geradas automaticamente se for curto. Um bom benefício da legenda é que ela pode ajudar as pessoas que podem ver perfeitamente. Você já esteve em uma sala de espera ou em um aeroporto e desejou poder ouvir o que as pessoas em uma TV sem som estavam dizendo? Ou talvez um amigo poste um vídeo nas redes sociais que você está morrendo de vontade de assistir, mas está em um local público sem fones de ouvido. As legendas resolvem esses dois problemas e tornam o conteúdo acessível a pessoas com deficiência visual.
Pessoas com deficiência visual poderão ouvir o diálogo, mas podem perder áreas-chave de um vídeo se não houver narração para casos em que ninguém está falando. É aí que as descrições de áudio são úteis. As descrições de áudio são uma narração do que está acontecendo na tela. Confira no vídeo abaixo um exemplo:
O vídeo não está sendo reproduzido? Veja no YouTube.
Quando a Netflix lançou as descrições de áudio, elas foram um sucesso tão grande que decidiram testar um modo somente de áudio que permitiria aos usuários economizar no uso de dados enquanto se alimentavam em movimento.
Transcrições para conteúdo de áudio
As transcrições são muito úteis para pessoas com todos os tipos de deficiência. Os usuários de leitores de tela e aqueles com dificuldades auditivas podem passar por eles sem ter que passar por todo o vídeo (um recurso que pessoas sem deficiência também podem aproveitar isso!).
Alguns ativos são inteiramente baseados em áudio. Um podcast, por exemplo, seria totalmente inútil para alguém que não pudesse ouvi-lo; uma transcrição torna acessível. O DMI fornece transcrições para todos os podcasts, como este episódio do Making Live Theatre Work Online.
A maneira mais fácil de adicionar uma transcrição ao seu site é como um arquivo de texto para download e se você também exibir o texto na página, isso ajudará seus esforços de SEO
PDFs (formatos de documentos portáteis)
A inclusão não é a única razão pela qual você deve garantir que seu PDF seja acessível; também é benéfico para SEO. Se um leitor de tela puder lê-lo, um rastreador da Web poderá rastreá-lo, enviando sinais valiosos de volta ao Google sobre o conteúdo do seu site.
Alguns softwares estão mais bem equipados para converter documentos em PDFs acessíveis do que outros. A Microsoft tem estado particularmente atenta à acessibilidade, enquanto outras empresas a despriorizaram, e isso mostra o nível de esforço necessário para criar PDFs acessíveis.
Programas da Microsoft
O Microsoft Word tem uma opção Criar PDF no cabeçalho do menu Acrobat ; isso converterá automaticamente seu arquivo em um PDF acessível. Você pode usar a mesma opção para converter apresentações do PowerPoint em PDFs. (Observe que você deve sempre adicionar texto alternativo às imagens antes de converter seu arquivo em PDF.) Use o Verificador de Acessibilidade nativo (localizado no item de menu Revisar ) antes de transformar seus arquivos em PDFs.
Usando o Adobe Acrobat para criar PDFs acessíveis
Converter outros formatos de arquivo em PDFs acessíveis requer um pouco mais de esforço. Por exemplo, arquivos de design (como aqueles criados no software Adobe) precisarão de alguma manipulação antes e depois de você transformar o arquivo em um PDF.
O Adobe Acrobat Pro tem uma função nativa de verificação de acessibilidade que ajudará a detectar alguns erros, mas o trabalho necessário para concluir o processo usando os recursos de acessibilidade do Acrobat pode ser desafiador e é melhor deixar para os profissionais.
Testando PDFs para acessibilidade
É aconselhável testar a acessibilidade do PDF com um leitor de tela ou usar uma ferramenta como o JAWS Inspect. Independentemente do que um verificador de acessibilidade nativo lhe dirá sobre um PDF, expor seu arquivo a um usuário ou proxy real é a melhor maneira de confirmar sua acessibilidade.
SO (otimização para mecanismos de busca) e acessibilidade
O que é bom para SEO também é bom para acessibilidade. Os leitores de tela são semelhantes aos rastreadores da Web: ambos só podem ler o conteúdo de um site disponibilizado para eles. Isso significa que PDFs inacessíveis, imagens sem texto alternativo, multimídia sem transcrição, etc., são todos efetivamente invisíveis. Eles só poderão ler o nome do arquivo. Seu site pode estar perdendo algumas oportunidades incríveis de classificação simplesmente por causa de seus elementos inacessíveis.
Existem outras práticas recomendadas de SEO que convergem com as diretrizes de acessibilidade, como o uso de estruturas de cabeçalho adequadas e sequenciais e texto de link descritivo. Para obter mais informações sobre esse tópico, confira nossa postagem no blog sobre como o SEO ajuda na acessibilidade e vice-versa.
Testando seus materiais de marketing para acessibilidade
O teste de acessibilidade é tão crítico quanto seus esforços para tornar seus ativos acessíveis em primeiro lugar. Embora seja admirável apontar para a acessibilidade, até que você verifique se seu conteúdo é realmente acessível, você lutou apenas metade da batalha.
Além disso, testar e documentar seus resultados será vantajoso para sua empresa se você se tornar alvo de uma ação judicial e ajudá-lo a identificar tendências para interromper problemas de acessibilidade na fonte.
Você pode conferir o site do TGPi para obter detalhes completos de suas ferramentas de teste.