10 maneiras de melhorar a acessibilidade do seu site WordPress

Publicados: 2022-03-29
10 maneiras de melhorar a acessibilidade do seu site WordPress

Acessibilidade do site é garantir que seu site seja fácil de usar para todos, independentemente de suas deficiências físicas e situacionais ou restrições econômicas. Você deseja garantir que a experiência em seu site seja perfeita para todos os usuários, independentemente das circunstâncias.

Se esse aspecto do seu site não for corrigido, pode haver uma boa chance de você estar restringindo um bom número de seu mercado-alvo apenas porque eles não podem acessar os principais recursos da sua página online.

Embora se possa pensar principalmente naqueles com deficiência, e claro, este é um bom lugar para começar; Os problemas de acessibilidade do site podem afetar circunstâncias situacionais temporárias, como:

  • usuários que precisam acessar seu site por meio de seus telefones celulares ou outros dispositivos de tela pequena, usando televisores inteligentes (TVs) e similares;
  • Visitantes mais antigos do site com desafios diferentes e mutáveis ​​devido ao envelhecimento;
  • Usuários acessando seu site em uma área mal iluminada; e
  • Usuários que estão usando conexões de internet lentas ou cuja largura de banda é cara devido ao seu país ou local.

Conhecer o cenário amplo e variado dos desafios que você precisa enfrentar pode ajudá-lo a criar soluções que possam funcionar. Veja a seguir as principais maneiras de melhorar a acessibilidade em seu site

1. Torne seu conteúdo controlável por voz

O reconhecimento de voz é um recurso que pode ser integrado a um site para permitir que seu conteúdo seja controlado por voz. Isso inclui formulários, botões, links e outros controles. Você pode integrar um software de ditado que permite que usuários que não podem usar o mouse ou o teclado executem funções em seu site usando voz.

Todo o seu conteúdo precisará ser codificado e projetado adequadamente para que isso funcione. Além disso, você precisará de identificadores e rótulos no código-fonte do site que correspondam à forma como eles são representados visualmente para deixar claro qual controle será ativado por comando de voz.

2. Esteja atento às suas escolhas de cores

Milhões de pessoas ao redor do mundo são daltônicas, então as cores que você usa devem estar atentas a essa realidade.

Além disso, você deve ter cuidado ao selecionar as proporções de cores do seu site e seu contraste. As opções de contraste de cores devem ser altas, por exemplo, usar texto em preto contra um fundo branco para facilitar a leitura do conteúdo pelos usuários, mesmo que tenham certas limitações visuais.

3. Certifique-se de que seus links estejam sublinhados

Muitas pessoas têm renunciado à regra de 'sublinhar seus links' ultimamente porque o texto que não está sublinhado tem mais apelo estético do que o que está sublinhado. Isso pode ser verdade, mas a principal tarefa do seu site é a funcionalidade. Isso significa em todas as coisas; você deve priorizar a funcionalidade.

A remoção do sublinhado dificulta a identificação de partes com hiperlink de seu contador pelos usuários. Se você ainda não quiser sublinhar seu conteúdo, considere outras maneiras de fazer seus links se destacarem do restante do texto. Você pode usar cores ou texto em negrito para fazer isso.

4. Adicione Alt Tags às Imagens

Para melhorar a acessibilidade do seu site, você terá que considerar adicionar 'tags alt' a todas as imagens do seu site.

Alguns sites usam seu texto alternativo como parte de sua estratégia de otimização de mecanismos de pesquisa (SEO): em vez de usá-lo para descrever uma imagem da melhor maneira possível, eles usam o espaço para preencher palavras-chave que acham que ajudarão na classificação do site. Obviamente, isso normalmente não resulta em uma boa experiência de leitura para um visitante do site e você deseja evitar isso para manter seu site acessível.

Quando alguém estiver acessando seu site por meio de um leitor de tela e seu site não tiver tags alt adicionadas ao conteúdo visual, o leitor de tela não poderá explicar o que está na imagem para o leitor. Uma tag alt é o que informa a um software de leitura de tela o que está em uma imagem e como ela é relevante para o conteúdo ao redor.

Para adicionar tags alt a imagens em um site, você precisa ir ao campo Alt Text que está no lado direito do seu editor e escrever uma frase curta que descreva a imagem.

5. Mantenha seus links descritivos

Alguns usuários usarão a tecnologia de comando de voz para navegar em seu site devido a limitações visuais. Como esse segmento de visitantes do seu site usará leitores de tela para acessar o conteúdo do seu site, seus links devem ser mais contextuais.

Em vez de dizer algo vago como 'leia mais', você pode adicionar mais detalhes para contextualizar seu link para que os usuários saibam exatamente para onde o link os levará. Então, em vez de apenas 'ler mais', você pode adicionar mais detalhes e ler algo como 'clique aqui para ler mais sobre como nossa equipe pode ajudá-lo'. Dessa forma, um usuário que usa um leitor de tela é solicitado a clicar no link fornecido.

6. Teste o tamanho da fonte em telas diferentes

Antes de dar o aceno ao seu não tamanho atual, você deve acessar seu site por meio de diferentes dispositivos com tamanhos de tela diferentes, por exemplo, testando a aparência do seu texto em um computador pessoal (PC) e um celular, para garantir que ele esteja otimizado para telas grandes e pequenas.

7. Adicionar links de conteúdo principal

Se você não fizer nada sobre isso, os usuários que usam leitores de tela terão um tempo extenuante em seu site, simplesmente porque seus leitores começarão a ler seu site do topo para baixo e, às vezes, pode demorar um pouco antes de começar a ler o conteúdo que o usuário precisa. ler.

Para remediar isso, ao criar seu site WordPress, você precisará inserir links que permitam aos leitores de tela pular para o conteúdo principal da sua página. Esse link pode ser adicionado à primeira coluna da linguagem de marcação de hipertexto (HTML).

8. Ofereça alternativas de texto para conteúdo visual e de áudio

Adicionar legendas ao seu conteúdo pode ajudar pessoas com deficiência auditiva a acessar seu conteúdo. Ao publicar vídeos, podcasts ou audiolivros em seu site, certifique-se de ter adicionado texto alternativo a esse conteúdo para que todos possam entendê-lo.

9. Ative a indexação de guias

Alguns de seus usuários, especialmente aqueles com habilidades motoras limitadas, costumam responder na tecla tab do teclado em vez de navegar no site usando um trackpad ou um mouse.

Para acomodar esses usuários, certifique-se de que seu site seja indexado por guias. É quando você ajuda a garantir que todos os usuários possam acessar seu conteúdo na ordem pretendida, estabelecendo a ordem dos elementos do seu conteúdo.

9. Ative a indexação de guias

10. Crie sites para velocidades de Internet baixas

Embora o usuário médio tenha velocidades de Internet altas a médias ao acessar seu site, alguns usuários experimentam velocidades de Internet inferiores às normais.

Além disso, mesmo usuários com velocidades de Internet geralmente altas podem experimentar conexões irregulares de tempos em tempos. Projetar seu site com isso em mente pode ajudar a manter seu site acessível a todos o tempo todo.

Você pode pensar que isso significa que seu site deve ser escrito apenas em texto HTML, mas isso está longe disso. Os padrões de fluxo podem incluir:

  • Certifique-se de que suas páginas não tenham mais de 25kb. Seu objetivo deve ser fazer com que os dados do site sejam carregados em cerca de 15 segundos.
  • Use folhas de estilo em cascata (CSS) para reduzir as imagens em seu site e manter a estrutura do site limpa.
  • Certifique-se de que as páginas do seu site possam ser armazenadas em cache, o que reduz o tempo de carregamento dos visitantes que frequentam seu site.
  • Evite links para arquivos grandes, como PDFs, mas certifique-se de que esses links sejam necessários. exibir o tamanho do arquivo.
  • O conteúdo que carrega primeiro em seu site precisa ser muito importante, pois motiva o leitor a esperar mais alguns segundos enquanto outras informações são carregadas. Portanto, certifique-se de colocar informações valiosas em primeiro lugar.

Conclusão

Tornar um site acessível envolve muito planejamento. Isso é verdade se você estiver criando um site do zero ou se quiser ajustar o atual. Reserve algum tempo para pensar em como os usuários com diferentes limitações podem interagir com seu site e como melhorar a experiência deles.