fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

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

Você está em:

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

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

Neste post, 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ê? Porque seu objetivo final é fazer com que o maior número possível de pessoas visite seu site. Como você pode esperar fazer isso se você 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 métodos de otimização de mecanismos de pesquisa , mas o que muitos de nós esquecemos é o seguinte:  as pessoas que já encontraram você precisa ser capaz de navegar facilmente pelo seu site.

Isso é extremamente importante, porque assim como em uma situação de negócios de tijolo e argamassa, as pessoas vêm em todos os tipos, formas e tamanhos. Em última análise, você quer que aqueles que tiveram tempo para visitar seu estabelecimento passem algum tempo olhando ao redor, gastem algum dinheiro, voltem com frequência e, o melhor de tudo, tragam outros de volta com eles.

Se você não estava interessado em acessibilidade de sites antes, deveria estar agora. Dito isso, vamos detonar!

O que é Acessibilidade do Site?

Vamos tomar um momento para entender do que estamos falando.

A acessibilidade do site refere-se à prática de remover as barreiras que impedem a interação ou o acesso a sites por pessoas com deficiência. Quando os sites são projetados, desenvolvidos e editados corretamente, todos os usuários têm igual acesso às 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, uma  barreira em seu site pode ser algo tão simples quanto não criar um título visível e significativo (ou seja, um 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 tornar seu site mais fácil de navegar, imagine o que uma pessoa com uma visão deficiência está se sentindo agora.

A Internet pelos olhos dos outros

Alguma vez você já se perguntou como é para uma pessoa com deficiência sensorial ou outra deficiência mental ou física navegar na Internet? Possivelmente não. Convido você a dedicar algum tempo para fazer isso agora, porque isso pode mudar a maneira como você cria e administra 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 deficiente, 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 : Convulsões fotoepilépticas causadas por estroboscópios visuais ou efeitos de flashes.
  • Cognitivo/intelectual : deficiências de desenvolvimento, deficiências de aprendizagem (dislexia, discalculia, etc.)

A boa notícia é que há muitas tecnologias assistivas disponíveis para pessoas com deficiência que lhes permitem navegar na internet. Seu trabalho como designer de sites é garantir que seu site siga certas diretrizes que permitirão que essas tecnologias funcionem.

Ferramentas populares de acessibilidade à Internet

Falando em tecnologias assistivas, aqui está uma seleção dos plugins de acessibilidade da Internet mais populares usados com frequência:

  • Software de leitura de tela  que usa fala sintetizada para ler o que está acontecendo no computador.
  • Telas braille atualizáveis  que renderizam texto como caracteres braille.
  • Software de ampliação de tela  que amplia o que está sendo exibido no monitor.
  • Software de reconhecimento de voz 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:

  • A tecnologia assistiva gratuita da eSSENTIAL Accessibility  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ão 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 aquele presente perfeito online, podemos ver algumas ferramentas que podem ajudá-lo a obter um design de site totalmente acessível. Afinal, se o seu site for devidamente acessível para pessoas com deficiência, pense em como será fácil para todos navegarem.

Como escolher um tema WordPress acessível

O primeiro passo para um site totalmente acessível é escolher um tema que esteja pronto para acessibilidade. Muitos desenvolvedores de temas estão dedicando um tempo para implementar as diretrizes do WordPress Theme Accessibility Handbook , 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 estamos trabalhando em estreita colaboração com a Universidade do Havaí para tornar o tema Total WordPress mais acessível. Quer dar uma olhada? Se você executar o site da UH por meio da ferramenta de avaliação de acessibilidade da Web WAVE, poderá ver como eles implementaram os recursos do tema para tornar o site utilizável para todos os alunos.

Diretório de temas principais do WordPress.org

Você também pode encontrar temas acessíveis gratuitamente no  WordPress.org , basta clicar no link do menu Temas  na parte superior da página para abrir o Diretório de temas. Procure o submenu intitulado Filtro de recursos . Ele terá uma pequena engrenagem ao lado dele. Clique nisso.

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

Filtro de Acessibilidade do Diretório do Tema Principal do WordPress.org

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

Temas prontos para acessibilidade do WordPress.org

Agora você chegou ao seu destino. Por favor, permaneça sentado até que o veículo pare completamente e as portas estejam totalmente abertas. Em seguida, escolha um tema.

É importante notar que só porque um tema está marcado como Acessibilidade Pronto não significa que ele é ‘totalmente’ acessível. No entanto, se um desenvolvedor de tema se deu ao trabalho de marcar seu tema como acessível, é provável que ele tenha feito algum trabalho nessa frente. E se você tiver algum problema, informe-os para que eles possam atualizar o tema para outros usuários.

(Grátis) Soluções de plug-in do WordPress para acessibilidade

Acessibilidade WP

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

Minha escolha pessoal é o WP Accessibility , 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.

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

Outros que você pode querer fazer check-out atendem a necessidades de acessibilidade mais específicas.

Fontes acessíveis

O widget de acessibilidade cria um widget 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 é o Zeno Font Resizer . O plug-in permite que os administradores do site definam opções de redimensionamento da fonte (tamanho mínimo e máximo, etapas de redimensionamento ao aumentar e caractere), bem como a duração do cookie. Dessa forma, os usuários verão a fonte de tamanho correto quando retornarem ao seu site.

Texto para fala

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

GSpeech Text To Speech Solution é uma opção gratuita para acessibilidade de áudio. Ele funciona com qualquer texto em 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 facilmente tornar seus formulários de contato acessíveis com plug-ins como Contact Form 7: Accessible Defaults  e WCAG Form Fields for Gravity Forms , 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. Esta é uma ótima página para conferir 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 há alguns que facilitam o teste.

Ferramenta de avaliação de acessibilidade web WAVE

Uma que já mencionamos neste artigo é a ferramenta de avaliação de acessibilidade web WAVE da WebAIM. Essa ferramenta útil exibe todos os erros, alertas, recursos, elementos estruturais, rótulos ARIA e erros de contraste para que você possa ajustar adequadamente.

Verificador de acessibilidade da Equalize Digital

Mas uma ferramenta melhor para usuários do WordPress é o plugin Accessibility Checker criado pela Equalize Digital. Este plug-in gratuito verifica seu conteúdo para fornecer avisos de aviso em tempo real durante a edição.

Dessa forma, você pode ver corretamente se novos posts ou páginas estão em conformidade com as WCAG. O verificador também exibe a seção de código responsável por acionar um aviso para que você (ou seu desenvolvedor da Web) possa fazer os ajustes necessários. E se você atualizar para a versão pro , também poderá verificar tipos de postagem personalizados, acessar uma lista de problemas abertos, registrar problemas ignorados, definir o acesso de funções de usuário a recursos de ignorar acessibilidade e criar uma Declaração de acessibilidade para seu site.

ferramenta de acessibilidade total11y

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

Conclusão

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

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

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(