Embora vários especialistas e defensores da deficiência falem sobre acessibilidade há anos, a importância da acessibilidade digital foi significativamente ampliada durante a pandemia do COVID-19. De acordo com uma pesquisa e pesquisa do Deque , 73% dos profissionais de acessibilidade viram um aumento na conscientização sobre acessibilidade nos canais digitais durante a pandemia. Isso porque a pandemia forçou mais pessoas a se engajarem online, seja para trabalho, escola ou diversão.
No que diz respeito ao nosso trabalho em SEO, estamos em ótima posição para fazer parte desses esforços, pois influenciamos vários campos relacionados à acessibilidade. Na verdade, muitas vezes, quando priorizamos a acessibilidade digital, isso também ajuda nossos esforços de SEO. Isso nem sempre é o caso quando revertido. Agora com grandes poderes vem grandes responsabilidades. Como nossas recomendações de SEO podem afetar elementos importantes do site, como estrutura do site, UX e descrições, compartilhamos a propriedade e a responsabilidade na acessibilidade desses itens.
Outra coisa a lembrar é que não basta fornecer recomendações relacionadas à acessibilidade para nossos clientes apenas com rastreamentos técnicos, extensões do Chrome ou ferramentas. É fundamental que incluamos as mesmas pessoas que estamos tentando apoiar .
“É importante que, quando ocorrem conversas sobre acessibilidade, as pessoas com deficiência façam parte delas”, de acordo com Alexandra Herold, fundadora e CEO da Patti + Ricky, um mercado de moda adaptável. “Eles não apenas devem se sentar à mesa, mas também devem estar à cabeceira da mesa, liderando a reunião.”
É por isso que pedi aos surdos e deficientes que compartilhassem a importância da acessibilidade digital, juntamente com algumas dicas práticas para a comunidade de SEO começar.
Veja o que será abordado:
Tags de título
Títulos
Links
texto alternativo
Multimídia
1. Etiquetas de título
As tags de título, sem dúvida, carregam uma tonelada de peso de SEO. Quando as tags de título são bem elaboradas e otimizadas, elas podem ser o que incentiva os cliques dos mecanismos de pesquisa para o seu site.
As tags de título também são importantes para acessibilidade, pois são a primeira coisa que um usuário de leitor de tela ouve quando uma página é carregada. Os leitores de tela são uma tecnologia assistiva que permite que usuários cegos ou com deficiência visual leiam o texto exibido na tela do computador, como tags, links e títulos. “As tags de título nos dizem em que página estamos e quais páginas estão abertas. Também é útil quando as tags de título incluem palavras-chave relevantes que descrevem com precisão o assunto”, disse Nasreen Bhutta, diretora de comunicações da Bold Blind Beauty, uma comunidade que capacita mulheres cegas e com baixa visão a romper barreiras ousadamente.
“Se eles não estiverem rotulados corretamente, ficamos confusos quanto às informações que encontraremos na página do site. Considere a tag de título como um título simples, claro e fácil de ler. Uma boa etiqueta de título bem escrita deve ser facilmente captada pelo leitor de tela, tornando a pesquisa mais eficiente e interessante”, acrescentou Bhutta.
Aalgumas dicas para SEOs:
As tags de título precisam descrever com precisão o tópico ou a finalidade.
Uma boa tag de título terá as palavras-chave mais importantes localizadas no início.
O tamanho ideal para as tags de título é de 60 caracteres, por isso é conciso.
As tags de título não devem ficar em branco.
As tags de título devem ser exclusivas de outras páginas (evite duplicatas).
As tags de título devem ser consistentes com o conteúdo da página.
As tags de título devem mencionar uma mensagem de confirmação de erro ou sucesso.
Se estiver usando um iframe, a origem da página precisa ter um título significativo.
Coloque a marca no final da tag de título.
Também gostaria de enfatizar que, mesmo que seus rastreamentos técnicos mostrem um número baixo de erros de tag de título, ainda é uma boa ideia corrigi-los.
2. Títulos
Os títulos são outro campo importante, pois fornecem estrutura semântica, não apenas para bots de mecanismos de pesquisa, mas para leitores de tela que os usam como âncoras.
Um leitor de tela usa cabeçalhos para pular uma página. Pense nisso como o equivalente a percorrer uma página.
“Os títulos são sempre formatados de forma diferente para se destacar visualmente do texto do corpo normal. Eles fornecem informações visuais e semáticas sobre a estrutura de uma página da Web, como níveis em um esboço. Ao usar tags de cabeçalho em vez de tags de estilo e atributos (ou seja, <b>, <em>, font=”Helvetica”…), o autor de um site permite que um usuário de leitor de tela entenda e navegue na estrutura da página da mesma forma que um leitor com visão. ”, de acordo com Sarah Hinman Ryan, ex-gerente de programa de UX e especialista em psicologia aplicada e assistente de recursos de acessibilidade na SUNY Cobleskill.
Algumas dicas para SEOs:
Como regra geral, deve haver apenas uma tag H1 por página.
O melhor lugar para posicionar uma tag H1 é na parte superior do elemento de conteúdo <main>.
Os títulos devem fazer sentido e seguir uma hierarquia.
Não é uma boa prática os títulos pularem níveis (ou seja, não vá de H1 a H5 sem nada no meio).
Um exercício que os criadores de conteúdo da Web podem tentar é ler os títulos das páginas para ver se eles fluem logicamente. Eles fazem sentido na ordem em que estão e correspondem ao conteúdo ao qual estão associados? Se não, então ajuste-os até que eles o façam.
3. Links
No que se refere ao SEO, links internos e externos podem ajudar no rastreamento, promoção e engajamento.
Usuários e bots de pesquisa usam links para navegar pela web. Os links ajudam a valorizar as páginas que estão sendo vinculadas e dão mais contexto sobre o que são as páginas.
Quando se trata de acessibilidade, o texto do link é fundamental. Uma razão: é porque eles são usados como âncora para pular uma página. Eles precisam deixar bem óbvio sobre o que será a próxima página, caso um visitante clique.
“Além do que o texto do link diz, também é extremamente importante que os links sejam facilmente distinguíveis do texto ao redor. Isso o torna mais acessível para pessoas daltônicas quando o texto não se mistura com o plano de fundo”, de acordo com Denis Boudreau, fundador da Inklusiv e diretor de treinamento conduzido por instrutor na Deque Systems.
Aalgumas dicas para SEOs:
O texto âncora deve tornar bastante óbvio sobre o que é a próxima página.
Os links devem ser visualmente distinguíveis (sublinhado, contorno, contraste de cores 3:1).
O texto âncora deve ser exclusivo de outro texto âncora na página.
Texto âncora semelhante na mesma página não deve ter links para destinos diferentes.
Os links de navegação devem ser consistentes em todo o site.
Evite usar textos ambíguos como “clique aqui” e “leia mais”.
Indique quando um link leva a um site externo.
Aqui está uma atividade que você pode experimentar com sua equipe interna ou clientes para destacar a importância do texto âncora descritivo. Alerta de spoiler: destaca que é quase impossível adivinhar sobre o que é a próxima página com base apenas no texto âncora.
Um exercício de vinculação intitulado “Você consegue adivinhar sobre o que é a próxima página com base apenas no texto âncora?” com uma captura de tela de uma página da Web com texto desfocado, exceto o texto âncora. Eles lêem 1) 2.000 calorias, 2) diretrizes e 3) calorias vazias.)
Descrição da imagem: um exercício de vinculação intitulado “Você consegue adivinhar sobre o que é a próxima página com base apenas no texto âncora?” com uma captura de tela de uma página da Web com texto desfocado, exceto o texto âncora. Eles lêem 1) 2.000 calorias, 2) diretrizes e 3) calorias vazias.)
Além dos erros de link que preenchem seus rastreadores, há uma grande oportunidade para os SEOs ajudarem a fornecer recomendações para ajustar o texto âncora.
Uma maneira de iniciar esse processo é com uma exportação do seu rastreador favorito listando o texto âncora com duas palavras ou menos. Isso porque eles têm uma chance maior de serem menos descritivos do que as versões mais longas.
Você pode compartilhar um modelo do Excel com títulos de coluna usando uma variação das próximas etapas:
Passo 1: No CMS, procure por este H1.
Passo 2: Atualize esta frase.
Passo 3: Para dizer esta frase em vez disso.
Etapa 4: O texto âncora atual será alterado a partir disso.
Etapa 5: para este texto âncora.
Etapa 6: mantenha ou atualize o link para isso.
A partir daqui, você pode revisar todo o texto âncora restante de uma exportação separada para confirmar se o texto âncora faz sentido para o link de destino.
4. Texto alternativo
Como SEOs, sabemos que o texto alternativo ajuda a aumentar as chances de ser encontrado em mecanismos de pesquisa baseados em imagens para frases-chave importantes e direcionadas. No entanto, há uma enorme lacuna entre como nós, SEOs, estamos criando texto alternativo e onde precisamos estar.
Devemos lembrar que o objetivo principal do texto alternativo é acessibilidade, não SEO .
Milhões de usuários de leitores de tela dependem desse campo para entender o que está em uma imagem e navegar por recursos visuais na web.
“Os sites de comércio eletrônico também podem se beneficiar da incorporação de texto alternativo descritivo. Por exemplo, digamos que seu site esteja vendendo calças vermelhas. Em vez de criar um texto alternativo que diz ‘calças vermelhas’, fale sobre os elementos visuais. Isso pode incluir o ajuste e a textura, bem como os pares de roupas, como camisas e sapatos”, de acordo com Natalie Trevonne, consultora de acessibilidade de varejo e co-apresentadora do podcast Fashionably Tardy.
Algumas dicas para SEOs:
Inclua texto alternativo de qualidade que seja preciso, sucinto e contextual.
Não é necessário incluir “foto de” no texto alternativo.
Não é necessário incluir texto alternativo se a foto não transmitir significado.
Botões de imagem de rótulo (ou seja, Facebook) ou leitores de tela dirão “link”.
Evite criar texto alternativo com mais de 150 caracteres.
Use descrições estendidas quando a imagem exigir mais detalhes.
Quando falamos em ser contextual, isso significa descrever o foco principal da imagem. É possível ter duas descrições de texto alternativo completamente diferentes para a mesma imagem.
Por exemplo, se você está vendendo para uma marca de sapatos, você pode descrever o sapato em vez de, digamos, o modelo, se essa for a mensagem principal que você está tentando transmitir a partir da imagem.
Para destacar a importância do texto alternativo para suas equipes internas ou clientes, aqui está um exercício que criei com Caroline Desrosiers da Scribely. Eles são uma empresa de soluções de acessibilidade que escreve textos alternativos e descrições estendidas para imagens e descrições de áudio.
Alerta de spoiler, a melhor resposta é a #3. E sim, aquele cachorro adorável é meu.
Um exercício de texto alternativo intitulado “Qual texto alternativo faz mais sentido para esta imagem em um artigo intitulado ‘Por que os cães são ótimos’”. As três opções são 1) Por que os cães são ótimos, 2) Um cachorro preto e 3) Um adorável cachorrinho preto com grandes orelhas pontudas olhando para a câmera com olhos arregalados e uma expressão curiosa.
Descrição da imagem: Um exercício de texto alternativo intitulado “Qual texto alternativo faz mais sentido para esta imagem em um artigo intitulado ‘Por que os cães são ótimos’”. As três opções são 1) Por que os cães são ótimos, 2) Um cachorro preto e 3) Um adorável cachorrinho preto com grandes orelhas pontudas olhando para a câmera com olhos arregalados e uma expressão curiosa.
Então, é possível criar um texto alternativo que beneficie tanto a acessibilidade quanto o SEO?
Sim, mas isso significa que você precisa ser intencional com sua seleção de fotos. Não inclua detalhes visuais que não são apresentados na foto para fins de SEO.
5. Multimídia
A multimídia (por exemplo, vídeos, podcasts) oferece outra ótima maneira de as pessoas consumirem informações. Quando são fornecidas versões de texto de multimídia, é uma maneira adicional de os mecanismos de pesquisa encontrarem seu conteúdo.
Quando se trata de acessibilidade, dependendo da mídia que está sendo usada e quando (ao vivo versus pré-gravado), existem níveis específicos de conformidade com as Diretrizes de Acessibilidade de Conteúdo da Web (WCAG) a serem seguidas e alternativas de mídia que precisam ser incluídas.
Existem vários tipos de mídia alternativos. Aqui estão dois deles:
Legendas: é um texto sincronizado com o conteúdo visual, seja um webinar, um vídeo do YouTube ou um programa de TV favorito. Também menciona quando há sons importantes no fundo, como música estranha ou uma porta batendo.
Transcrição: Inclui o texto para conteúdo auditivo, bem como descrições de conteúdo visual. Um exemplo seria descrever o que está sendo exibido nos slides do PowerPoint que você está apresentando.
“As legendas são importantes porque são vitais para os surdos e qualquer outra pessoa que precise de legendas. As legendas podem significar vida ou morte se estivermos tentando obter informações sobre um desastre natural ou causado pelo homem. Mas eles também são vitais apenas para fins de entretenimento. Se todos os outros podem curtir um filme ou programa de TV quando ele sai pela primeira vez, por que não podemos apreciá-lo ao mesmo tempo?” de acordo com Rikki Poynter, consultora de acessibilidade e criadora de conteúdo.
Algumas dicas para SEOs:
Para legendas
Escreva a palavra falada literalmente, incluindo “um” (há poucas exceções)
Incluir sons de fundo importantes
Use ortografia e pontuação adequadas
Tente não ultrapassar duas linhas de texto na tela ao mesmo tempo
Não exceda 32 caracteres por linha
Use quebras de linha de legenda em pontos lógicos
As legendas não devem bloquear conteúdo importante na tela
O texto precisa usar um contraste de cores 3:1
Para transcrições
Escreva a palavra falada literalmente
Incluir sons de fundo importantes
Use ortografia e pontuação adequadas
Inclua também descrições visuais
Ajude a tornar a internet mais agradável para todos
O conselho acima não é uma lista exaustiva das melhores práticas; é um ponto de partida.
Embora existam ferramentas, plugins e extensões que listam erros de acessibilidade, você não pode parar por aí. Trabalhe com consultores surdos e deficientes que possam auditar e realizar testes de usuários.
A partir de hoje, os motores de busca não penalizam os sites por não cumprirem o Americans with Disabilities Act (ADA) e o Communications and Video Accessibility Act (CVAA); no entanto, seus clientes podem.
Devemos realmente liderar nossos usuários acima dos mecanismos de pesquisa. Além disso, é preciso dizer: você fica vulnerável a ações judiciais se não o fizer.