Posts Recentes:

Os modelos TTT podem ser a próxima fronteira na IA generativa

Após anos de domínio pela forma de IA...

The Three Pillars Of SEO: Authority, Relevance, And Experience

If there’s one thing we SEO pros are...

Otimize seu site com a lista de verificação de acessibilidade • Yoast


A acessibilidade ajuda você a penetrar seu teor para um público mais grande, para que mais pessoas possam acessar seu site. Um ótimo recurso para ajudar você a principiar é esta lista de verificações de acessibilidade feitas pelo World Wide Web Consortium (W3C). Nesta postagem, destacaremos algumas verificações importantes, portanto, leia também o restante da lista de verificação. Vamos otimizar seu site para todo Visitante!

O que é acessibilidade e por que é importante?

Acessibilidade é prometer que o maior número verosímil de pessoas possa usar seu site. Faz sentido, manifesto? Por fim, você criou um site porque deseja atingir seu público. E seguindo a lista de verificação, você garante que está alcançando todos.

Caso contrário, pode ter pessoas que não consigam acessar as informações do seu site. Você estaria negligenciando uma grande segmento do seu público e, por sua vez, perdendo um monte de engajamento e oportunidades de SEO. Portanto, vamos trabalhar e verificar essas verificações de acessibilidade!

Forneça um texto equivalente

Para cada elemento não textual, você deve fornecer um equivalente textual. Isso vale para coisas porquê imagens, mas também para tudo, desde regiões de mapas de imagens e GIFs animados até arquivos de áudio e vídeo independentes. Isso pode ser feito com alt ou longdesc tags, por exemplo.

Para vídeos, isso pode ser feito adicionando legendas ocultas aos seus vídeos. Se você enviar seus vídeos para o YouTube, poderá permitir que o YouTube gere legendas ocultas maquinalmente. Ainda assim, é bom examiná-los e verificar se estão corretos.

O mesmo vale para os rolos do TikTok e do Instagram. A maioria das mídias sociais oferece legendas automáticas, portanto, certifique-se de usá-las! E não se esqueça de mudar as tags alt ou legendas ocultas quando a segmento não textual mudar.

Desvelo com suas cores e contraste

Para pessoas daltônicas ou com deficiência visual, certas combinações de cores e contrastes simplesmente não funcionam. Eles não poderão ler seu texto. É por isso que você deve sempre verificar se o contraste e as cores do seu site funcionam juntos.

Uma tabela com duas colunas.  A coluna da esquerda é chamada: maus exemplos.  De cima para baixo está escrito: azul sobre preto é ruim, verde sobre laranja é ruim, vermelho sobre verde é ruim, cinza sobre roxo é ruim.  A coluna da direita tem o nome: bons exemplos.  De cima para baixo está escrito: amarelo sobre preto é bom, preto sobre laranja é bom, preto sobre verde é bom, branco sobre roxo é bom.  As cores do texto e dos planos de fundo combinam com o texto.
Exemplo de contraste de cores bom e ruim

O método rápido e fácil? Converta seu site para tons de cinza. Dessa forma, você verá rapidamente o que é legível e o que não é. Você também pode usar ferramentas online para verificar o contraste de uma página da web. Outrossim, temos uma postagem sobre ferramentas de acessibilidade, onde mencionamos verificações de acessibilidade mais aprofundadas para cores e contraste.

Cintilante

Você sabia que se o teor piscar mais de três vezes por segundo, é potencialmente perigoso? Pode suscitar convulsões fotoepilépticas em algumas pessoas. Mas também cansa os olhos em universal. É por isso que você deve evitar piscar assim com gifs animados, texto piscando, etc. deve usá-lo, certifique-se de que os usuários possam desativar a oscilação.

Certifique-se de que seu site possa ser usado com uma interface de teclado

Esta verificação de acessibilidade é mormente importante para pessoas que usam pouco ou nenhum uso das mãos ou que não as têm. Eles contarão com um teclado para velejar no seu site.

Os usuários de teclado geralmente usam o aba tecla para velejar por elementos interativos porquê links, botões e campos para inserir texto. Um usuário de teclado com visão (alguém que pode ver) deve ser capaz de ver que se concentrou em alguma coisa com o aba chave. Esse foco normalmente é indicado por uma borda ou destaque ao volta do elemento. Portanto, certifique-se de que seu site também mostre isso claramente!

Uma captura de tela da página inicial do Yoast.  Há um contorno preto do título Yoast SEO para Shopify.
Quando você usa a tecla Tab em nosso site, um perímetro preto mostra no que você se concentrou

Experimente usar seu site somente com abas! Veja se é fácil e, se não for, certifique-se de consertar.

Permitir que os usuários controlem os limites de tempo

Você provavelmente pode imaginar que velejar em um site com um teclado em vez de um cursor nem sempre é tão rápido. Portanto, tarefas com limite de tempo podem ser estressantes para usuários de teclado. E não somente eles, mas pessoas com deficiência motriz ou transtorno de impaciência generalizada, e pessoas que demoram mais para ler ou têm visão subnormal também podem encontrar difícil velejar pelos limites de tempo.

É por isso que você deve permitir que os usuários controlem os limites de tempo ou, pelo menos, avisá-los pelo menos 20 segundos antes do tempo morrer. Se verosímil, permita que eles obtenham uma prorrogação.

Use uma linguagem clara e simples

A lista de verificação diz: use a linguagem mais clara e simples, apropriada para o teor de um site. Não tente complicar demais. E esteja vigilante às abreviaturas (os leitores de tela não conseguem entendê-las) e às expressões idiomáticas! Embora possa fazer sentido para você porquê falante nativo, nem sempre é muito traduzido. Por exemplo, se escrevêssemos “agora sai o macaco da manga”, que é uma frase idiomática holandesa, você provavelmente não tem teoria de que queremos expressar que alguém finalmente mostra porquê realmente é.

Ilustração de um homem branco com um macaco no braço.  O texto na imagem diz: agora o macaco sai da manga.
Imagem de stuffdutchpeoplelike.com

Obviamente, ortografar com transparência não é bom somente para a acessibilidade do seu site, mas também para o SEO e a experiência do usuário em universal. Para ajudá-lo, criamos a estudo de legibilidade em nosso plugin. Esta estudo o ajudará a ortografar textos melhores. Ele examina seu texto e informa, por exemplo, se seus parágrafos são muito longos ou se você está usando muito a voz passiva.

Ajude seus usuários a evitar erros

Digamos que você ofereça um serviço onde as pessoas precisam preencher suas informações pessoais ou podem fazer um teste em seu site para deslindar qual resultado atende aos seus desejos. Não importa quão boa seja a sua explicação prévia, as pessoas ainda cometerão erros. O que importa é o que você diz às pessoas quando elas cometem um erro.

Diga aos seus usuários o que eles fizeram de falso e dê-lhes uma sugestão fácil de entender sobre porquê fazer isso corretamente. Não use linguagem difícil. E se alguém escolhesse a opção errada? Se verosímil, certifique-se de que os usuários possam virar suas ações. Caso contrário, dê-lhes a oportunidade no final da pesquisa/questionário/etc. para revisar e confirmar ou emendar suas respostas.

Leia mais: Escrevendo teor alcançável: 4 verificações que você pode fazer com Yoast SEO e o editor de blocos »

E se você não conseguir mudar seu site?

Para ser franco: a maioria das verificações de acessibilidade mencionadas nesta postagem não são difíceis. E, felizmente, a maioria dos temas WordPress e outros construtores de sites estão mais focados na acessibilidade. Ainda assim, se o seu tema ou site não cooperar enquanto você implementa essas incríveis mudanças de acessibilidade, provavelmente você deverá encontrar um tema melhor para o seu site.

Epílogo: vamos trabalhar!

Ao pensar em acessibilidade, você está na verdade pensando no design, no uso de teor textual e multimídia e na estrutura do seu site. Portanto, observe suas cores e contraste, suas tags alt e legendas ocultas. E tente usar seu site somente com seu aba chave! Vamos prometer que seu site seja alcançável a todos.

Continue lendo: Ferramentas de acessibilidade fáceis de usar »

Últimas

Os modelos TTT podem ser a próxima fronteira na IA generativa

Após anos de domínio pela forma de IA...

The Three Pillars Of SEO: Authority, Relevance, And Experience

If there’s one thing we SEO pros are...

Pesquisa: A disparidade salarial entre gêneros no marketing de busca está aumentando

Os homens ganham em média 36% a mais...

Google reforça políticas do AdMob, reformulando regras de posicionamento de anúncios

O Google anunciou atualizações significativas em suas políticas...

Assine

spot_img

Veja Também

Os modelos TTT podem ser a próxima fronteira na IA generativa

Após anos de domínio pela forma de IA...

The Three Pillars Of SEO: Authority, Relevance, And Experience

If there’s one thing we SEO pros are...

Pesquisa: A disparidade salarial entre gêneros no marketing de busca está aumentando

Os homens ganham em média 36% a mais...

Google reforça políticas do AdMob, reformulando regras de posicionamento de anúncios

O Google anunciou atualizações significativas em suas políticas...

5 maneiras de incorporar tendências em sua estratégia de conteúdo de SEO

Os tópicos de tendência representam pontos de discussão...
spot_img

Os modelos TTT podem ser a próxima fronteira na IA generativa

Após anos de domínio pela forma de IA conhecida como transformadora caça por novas arquiteturas está aberta.Transformadores sustentam O modelo de geração de...

The Three Pillars Of SEO: Authority, Relevance, And Experience

If there’s one thing we SEO pros are good at, it’s making things complicated. That’s not necessarily a criticism. Search engine algorithms, website coding and...

Pesquisa: A disparidade salarial entre gêneros no marketing de busca está aumentando

Os homens ganham em média 36% a mais que as mulheres em marketing de busca em 2024, de acordo com uma nova pesquisa...