Quebrando Barreiras: Por que a acessibilidade do site WordPress é essencial

Nesta postagem, mostrarei por que é tão importante tornar seu site WordPress mais acessível e apresentar ferramentas simples que qualquer pessoa pode usar para aumentar a acessibilidade para todos. Por quê? Como seu objetivo final é levar o maior número possível de pessoas a visitar seu site. Como você espera fazer isso se não está tornando seu site acessível a todos?


Além disso, a maioria de nós se concentra em encontrar maneiras mágicas de direcionar grandes volumes de tráfego para o nosso site usando as mais recentes estratégias de marketing de mídia social e Motor de Otimização de Busca métodos, mas o que muitos de nós esquecemos é o seguinte: As pessoas que já encontraram você precisam poder navegar facilmente pelo site.

Isto é extremamente importante, porque, assim como em uma situação comercial de tijolo e argamassa, pessoas de todos os tipos, formas e tamanhos. Por fim, você deseja que aqueles que reservaram um tempo para visitar seu estabelecimento passem algum tempo olhando em volta, gastem algum dinheiro, voltem com frequência e, o melhor de tudo, tragam outras pessoas com eles.

Se você não estava interessado na acessibilidade do site antes, deveria estar agora. Com isso dito, vamos quebrar!

O que é acessibilidade do site?

Vamos dedicar um momento para entender do que estamos falando.

Acessibilidade do site refere-se à prática de remover barreiras que impedem a interação ou acesso a sites de pessoas com deficiência. Quando os sites são projetados, desenvolvidos e editados corretamente, todos os usuários têm acesso igual a informações e funcionalidades.

Então, estamos realmente falando sobre a prática de remover barreiras. Isso pode parecer complicado, mas na verdade não é. Por exemplo, um barreira no seu site pode ser algo tão simples quanto não criar um título visível e significativo (ou seja, texto que aparecerá como uma dica de ferramenta) para um link.

Se você é um viajante médio da Internet e, de repente, fica desapontado com a falta de um pouco de esforço por parte do designer do site e / ou do webmaster para facilitar a navegação no site, imagine o que uma pessoa com uma visão deficiência está se sentindo agora.

A Internet pelos olhos dos outros

Você já se perguntou como é para uma pessoa com problemas de senso ou de outra forma com deficiência mental ou física navegar na Internet? Possivelmente não. Convido você a dedicar algum tempo para fazê-lo agora, porque isso pode mudar a maneira como você cria e executa sites a partir de agora. Vamos explorar alguns dos desafios que muitos usuários da web enfrentam:

  • Visual: deficiências, incluindo cegueira, vários tipos comuns de baixa visão e visão fraca, vários tipos de daltonismo.
  • Motor / Mobilidade: por exemplo. dificuldade ou incapacidade de usar as mãos, incluindo tremores, lentidão muscular, perda de controle muscular fino, etc., devido a condições como doença de Parkinson, distrofia muscular, paralisia cerebral, acidente vascular cerebral.
  • Auditivo: Surdez ou deficiência auditiva, incluindo indivíduos com deficiência auditiva.
  • Convulsões: Crises epilépticas causadas por estroboscópio visual ou efeitos intermitentes.
  • Cognitivo / Intelectual: Deficiências de desenvolvimento, dificuldades de aprendizado (dislexia, discalculia etc.) e deficiências cognitivas de várias origens, afetando a memória, atenção, “maturidade” no desenvolvimento, resolução de problemas e habilidades lógicas, etc..

o Boa a notícia é que existem muitas tecnologias assistivas disponível para pessoas com deficiência que lhes permitam navegar na Internet. Seu trabalho como designer de site é garantir que ele siga algumas diretrizes que permitirão que essas tecnologias funcionem.

Ferramentas populares de acessibilidade à Internet

Falando em tecnologias assistivas, aqui estão uma seleção dos plug-ins de acessibilidade da Internet mais populares, frequentemente usados:

  • Software de leitura de tela que usa fala sintetizada para ler o que está acontecendo no computador.
  • Telas em braille atualizáveis que processam texto como caracteres braille.
  • Software de ampliação de tela que amplia o que está sendo exibido no monitor.
  • Softwar de reconhecimento de falae que transforma voz em texto.
  • Sobreposições de teclado para tornar a digitação mais fácil e precisa

E sim, existe até um aplicativo para isso:

  • Tecnologia assistiva gratuita da Acessibilidade eSSENCIAL ajuda as pessoas que têm problemas para digitar, mover o mouse ou ler uma tela.

Agora que você entende o que as pessoas com deficiência enfrentam quando está lendo um blog ou aprendendo sobre o que é um Echidna (* dica * parece um ouriço pontudo extra) e o que ele gosta de comer, ou talvez apenas comprando o presente perfeito online, podemos examinar algumas ferramentas que podem ajudá-lo a obter um design de site totalmente acessível. Afinal, se seu site estiver adequadamente acessível para pessoas com deficiência, pense em como será fácil para todos navegar.

Como escolher um tema acessível para WordPress

O primeiro passo para um site totalmente acessível é escolher um tema pronto para acessibilidade. Muitos desenvolvedores de temas estão demorando para implementar diretrizes do Manual de acessibilidade do tema WordPress, então sua melhor aposta é simplesmente perguntar ao autor se um tema específico está pronto para acessibilidade.

Teste de acessibilidade WAVE

Por exemplo, aqui no WPExplorer, trabalhamos de perto com o Universidade do Havaí para tornar o tema Total WordPress mais acessível. Quer dar uma olhada? Se você executar o site da UH através do Ferramenta de avaliação de acessibilidade da web WAVE você pode ver como eles implementaram os recursos do tema para tornar seu site utilizável para todos os alunos.

Diretório de temas principais do WordPress.org

Você também pode encontrar temas acessíveis gratuitos em WordPress.org, basta clicar no Temas link do menu na parte superior da página para abrir o Diretório de Temas. Procure o submenu intitulado Filtro de recursos. Terá um pequeno equipamento ao lado. Clique nesse.

Isso abre uma infinidade de opções para você escolher ao filtrar sua pesquisa. Debaixo Recursos, clique no recurso principal que é – você adivinhou – Pronto para acessibilidade.

Filtro de acessibilidade do diretório de temas principais do WordPress.org

Você pode selecionar quantos outros filtros desejar. À esquerda, você verá o Aplicar filtros botão que mostra quantos filtros você aplicou. Clique Aplicar filtros. Mantenha sempre as mãos e os pés dentro do veículo.

Temas prontos para acessibilidade do WordPress.org

Você chegou agora ao seu destino. Por favor, permaneça sentado até o veículo parar completamente e as portas se abrirem completamente. Depois escolha um tema.

É importante observar que, apenas porque um tema está marcado como Pronto para acessibilidade não significa que seja “totalmente” acessível. No entanto, se um desenvolvedor de temas tiver o trabalho de marcar seu tema como acessível, é provável que tenha feito algum trabalho nessa área. E se você tiver algum problema, informe-os para que eles possam atualizar o tema para outros usuários.

Soluções (gratuitas) de plug-in WordPress para acessibilidade

Acessibilidade WP

Talvez você esteja criando seu próprio tema WordPress, ou talvez queira usar o tema que desejar. Não tenha medo. Uma das coisas surpreendentes sobre o mundo do WordPress é a disponibilidade de dezenas de milhares de plugins. Sempre que você precisar de algo, geralmente há um plug-in para atender às necessidades.

Minha escolha pessoal é Acessibilidade WP, que vem com uma variedade de ferramentas para ajudá-lo a procurar e destruir muitos dos problemas comuns de acessibilidade que você pode encontrar usando temas do WordPress. Requer muito pouco conhecimento especializado e uma quantidade mínima de configuração.

Auxiliar de acessibilidade do WP (WAH) é outra opção completa que inclui vários recursos úteis para pular links, redimensionar fontes, digitalizar DOM, modo de contraste etc. É uma maneira rápida de adicionar vários recursos acessíveis ao seu site de uma só vez.

Outras pessoas que você pode querer fazer checkout atendem a necessidades de acessibilidade mais específicas.

Fontes Acessíveis

o Widget de acessibilidade cria um widget de alternador de tamanho de fonte para suas barras laterais. Dessa forma, os leitores do seu site podem alterar facilmente o tamanho do texto de acordo com suas necessidades.

Uma segunda opção para facilitar a leitura é a Zeno Font Resizer. O plug-in permite que os administradores do site definam opções de redimensionamento de fonte (tamanho mínimo e máximo, etapas de redimensionamento ao aumentar e caracteres), além da duração do cookie. Dessa forma, os usuários verão a fonte de tamanho correto quando retornarem ao seu site.

Text to Speech

Para leitores com deficiência visual, é necessário ter opções de áudio. Um plugin que eu gosto é Speaker – Página para Fala. Este plugin pode criar uma versão em áudio de suas postagens e páginas. O melhor de tudo é que o plug-in oferece 190 vozes de qualidade humana, suporta mais de 30 idiomas e funciona muito bem com a maioria dos temas.

Solução de texto em fala GSpeech é uma opção gratuita para acessibilidade de áudio. Funciona com qualquer texto das suas páginas e adiciona um bloco de áudio ao seu site. Em seguida, você pode usar opções para alterar cores, voz do alto-falante e muito mais.

Formulários

Você pode facilitar a acessibilidade de seus formulários de contato com plug-ins como Formulário de contato 7: padrões acessíveis e Campos de formulário WCAG para formulários de gravidade, ou simplesmente usando um plug-in de formulário pronto acessível, como Formidable Forms.

Além disso, existem várias outras ferramentas e plugins úteis disponíveis para ajudar com uma variedade de problemas diferentes associados à acessibilidade do site. Está é uma página ótima confira uma lista abrangente de ferramentas de desenvolvimento recomendadas.

Testando a acessibilidade do seu site

Depois de criar seu site, pode ser uma boa ideia testar suas alterações. Existem muitos métodos e softwares que você pode usar para testar a acessibilidade, mas existem alguns que facilitam o teste.

Ferramenta de avaliação de acessibilidade da web WAVE

Um que já mencionamos neste artigo é o Ferramenta de avaliação de acessibilidade da web WAVE pelo WebAIM. Essa ferramenta útil exibe erros, alertas, recursos, elementos estruturais, etiquetas ARIA e erros de contraste para que você possa ajustar adequadamente.

ferramenta de acessibilidade tota11y

Outra ferramenta para desenvolvedores é Tota11y, um kit de ferramentas de visualização de acessibilidade desenvolvido pela Khan Academy. Esse arquivo JS simplesmente precisa ser adicionado ao seu site para ativar a ferramenta de acessibilidade, que aparece na guia de um ícone de óculos na parte inferior da tela. Basta clicar para ver os elementos acessíveis da sua página, bem como os erros ou violações que você pode querer corrigir.

Conclusão

A acessibilidade do site é tão importante, se não Mais então, do que simplesmente direcionar o tráfego para o seu site. Agora você pode entender por que é essencial garantir que todos que cheguem ao seu destino possam compreender e navegar por todas as informações incrivelmente divertidas e informativas fornecidas. seu site.

Então, o que você está esperando? Aproveite esta oportunidade para tornar seu site mais acessível agora!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me