Aguarde...

15 de setembro de 2019

Criando sites mais acessíveis com o WordPress

Criando sites mais acessíveis com o WordPress

Se você é um web designer, provavelmente verá o termo “acessibilidade” mencionado bastante. E isso é uma coisa maravilhosa. O setor tornou-se muito consciente da necessidade de garantir que o que construímos possa ser acessado por todos.

Embora algumas localidades (os Estados Unidos sejam um excelente exemplo) não possuam leis claras sobre acessibilidade, existem muitas ótimas diretrizes para implementá-la . Portanto, mesmo que não exista necessariamente um imperativo legal, certamente há um moral. Melhor ainda é que temos a tecnologia para fazê-lo.

Mas, se você estiver criando sites com o WordPress, existem alguns desafios adicionais no que diz respeito à acessibilidade. Por si só, o WordPress é acessível (embora o editor Gutenberg ainda tenha algum trabalho a fazer nessa área).

No entanto, não usamos apenas o WordPress sozinho. Implementamos temas, plugins e nossas próprias personalizações no mix. Isso pode confundir as águas quando se trata de garantir que nossos sites sigam as melhores práticas.

E embora não possamos estalar os dedos para tornar instantaneamente tudo acessível, existem algumas ações de bom senso que podemos tomar. Aqui estão algumas dicas para colocar a acessibilidade na vanguarda do seu site WordPress.

Usar ou criar um tema acessível

Escolher o tema certo é muito mais do que aparência ou recursos sofisticados. Como fornece a aparência externa de como os usuários interagem com um site, a acessibilidade precisa ser incorporada desde o início. Tome a decisão errada aqui e é como ter uma casa bonita com uma base defeituosa.

Se você está criando seu próprio tema, o processo é um pouco mais fácil. Como você não depende de um desenvolvedor de terceiros, é possível implementar apenas os recursos necessários e testar à medida que avança.

Mas para aqueles que olham para temas gratuitos ou comerciais, pode ser necessário um pouco de pesquisa . Você precisará procurar temas que afirmam estar acessíveis. O problema é que muitos temas não mencionam isso ou são muito vagos quando se trata de detalhes.

Nesse caso, tente entrar em contato com o autor do tema e descubra o que eles fizeram (se houver) para garantir que o tema não atrapalhe os leitores de tela ou outras tecnologias de assistência. Você também pode querer executar uma versão demo através de uma das ferramentas de validação ou simulação disponíveis. Em seguida, tente navegar no site por um teclado.

Como muitos temas permitem escolher cores e tipografia, também é importante ter em mente o contraste e a legibilidade. O texto é muito pequeno? As cores fornecem contraste suficiente para permitir a leitura do texto? Isso é algo que deve ser relativamente fácil para você controlar.

Criando sites mais acessíveis com o WordPress

Determinar o efeito dos plugins

Os plugins do WordPress são outra área que vale a pena prestar atenção. Enquanto alguns simplesmente adotam o CSS do seu tema, outros adicionam sua própria marcação. Tanto a acessibilidade quanto a qualidade desse código podem variar.

Isso significa que, mesmo se você tiver um tema que segue as práticas recomendadas, o plug-in errado pode causar problemas não intencionais. E quanto maior a presença de front-end do plug-in em seu site, maior o potencial de afetar negativamente a acessibilidade.

Por exemplo, um plug-in do construtor de páginas poderia, teoricamente, adicionar uma tonelada de HTML, CSS e JavaScript além do seu tema. Se não foi construído com a acessibilidade em mente, isso pode ser um problema. Mas isso vale para qualquer plug-in que injeta sua própria marcação.

Se você não pode evitar o uso desses tipos de plugins, tudo bem. Mas é recomendável que você execute testes com e sem plug-ins ativos para avaliar o impacto. Você também pode utilizar as ferramentas de inspeção do navegador da web para identificar qualquer código problemático.

Criando sites mais acessíveis com o WordPress

Tem um site existente? Adicionar recursos acessíveis

Para sites que já estão disponíveis no espaço público, a atualização pode ser difícil. Fatores como a idade de um site e como ele foi construído inicialmente podem ter um papel importante na quantidade de trabalho envolvido. Em alguns casos, uma reformulação completa pode não estar dentro de um orçamento razoável.

Certamente, se você estiver trabalhando em um site com tantos desafios, é possível argumentar a respeito de um novo design. Esse pode ser o melhor caminho a seguir, pois você pode estabelecer a acessibilidade como objetivo principal. Mas nem sempre é realista, também.

Nessas situações, ainda há algumas coisas que você pode fazer:

Faça pequenas melhorias

Talvez essas mudanças grandes e abrangentes não ocorram. Em vez disso, procure pequenas coisas que você pode mudar sem muita dificuldade. Por exemplo, aumentar o tamanho da fonte e aumentar o espaçamento entre linhas oferecerá uma aparência mais limpa e permitirá que seu conteúdo seja consumido mais facilmente. O mesmo vale para as cores.

Outras possibilidades incluem garantir que as imagens tenham texto ALT descritivo e que os hiperlinks tenham um :focusestado definido. Existem inúmeras pequenas alterações que podem resultar em uma melhor experiência do usuário.

Fornecer aos usuários opções

Outra maneira de tornar um site existente mais acessível é capacitar os usuários a fazerem algumas escolhas por si mesmos. Ao permitir que (dentro do razoável) ajustem itens como tamanhos de fonte ou contraste de cores, você ajuda a atender às necessidades deles.

Uma maneira simples e econômica de fazer isso é instalar um plug-in, como o WP Accessibility . Ele adiciona recursos de fonte e contraste em uma útil barra de ferramentas front-end. Além disso, ele pode opcionalmente adicionar :focusestados aos seus links, adicionar um link para pular às suas páginas, além de outros itens.

Criando sites mais acessíveis com o WordPress

Consciência é metade da batalha

Como a plataforma WordPress oferece tantas aparências e funcionalidades possíveis, muitas vezes tomamos as coisas como garantidas. É fácil escolher um tema ou instalar um plug-in e não pensar duas vezes sobre como eles afetam a acessibilidade. No entanto, cada decisão faz a diferença.

Ter uma consciência do impacto potencial nos torna melhores designers. Isso nos encoraja a dar esse passo extra de teste e a ter mais discernimento sobre o que usamos.

O resultado é que começamos a colocar os usuários em primeiro lugar – diante de esquemas de cores ilegíveis e efeitos especiais que prejudicam a usabilidade. Quando fazemos isso, a acessibilidade se torna apenas mais um recurso que incorporamos por padrão.

Postado em Blog
Escreva um comentário