Como Adicionar um Redimensionador de Fonte no WordPress para Acessibilidade

Aprendemos que os melhores sites são aqueles que se adaptam aos seus usuários, e não o contrário. Uma das maneiras mais eficazes de fazer isso é adicionando um redimensionador de fonte que permite aos visitantes ajustar o tamanho do texto ao nível de conforto deles.

A acessibilidade de fontes beneficia a todos — desde usuários com deficiências visuais até pessoas lendo em diferentes dispositivos ou em diversas condições de iluminação.

Quando os visitantes podem personalizar facilmente o tamanho do texto, eles permanecem mais tempo, leem mais e são mais propensos a interagir com seu conteúdo e tomar ações em seu site.

Neste guia, mostraremos exatamente como adicionar um redimensionador de fonte ao seu site WordPress. Testamos vários métodos e plugins para encontrar as opções mais confiáveis que funcionam com qualquer tema e não deixarão seu site lento.

Por que é importante adicionar texto redimensionável ao seu site? 🤔

Se o tamanho da fonte for muito pequeno em seu site, as pessoas terão dificuldade em ler seus artigos e, eventualmente, abandonarão seu site.

Uma maneira fácil de melhorar a legibilidade é oferecer aos visitantes a opção de redimensionar o texto principal em seu site. Isso permite que os usuários ajustem o tamanho do texto de acordo com suas preferências e passem mais tempo em seu site.

Mesmo que você possa usar o recurso de zoom integrado do navegador pressionando as teclas ‘CTRL e +’, isso aumenta o tamanho de cada elemento de design do WordPress na página, não apenas o texto. Isso pode quebrar o layout do site e não proporcionar uma ótima experiência ao usuário.

Dito isso, vamos ver como você pode facilmente adicionar texto redimensionável para seus visitantes no WordPress. Você pode usar os links rápidos abaixo para pular para um método específico:

• Método 1: Adicionar Redimensionador de Fonte do WordPress com Plugin e Código
• Método 2: Usar Plugin de Acessibilidade do WordPress
• Torne seu Site WordPress Ainda Mais Fácil de Usar com Estas Dicas
• Tutorial em Vídeo

Método 1: Adicionar Redimensionador de Fonte do WordPress com Plugin e Código

Uma maneira fácil de permitir que os usuários alterem o tamanho do texto em seu site é usando um plugin redimensionador de fonte de acessibilidade do WordPress como o Accessibility Widget.

É um plugin gratuito do WordPress que permite adicionar uma opção à barra lateral do seu site para alterar o tamanho do texto. O plugin é leve e muito fácil de usar.

A primeira coisa que você precisa fazer é instalar e ativar o plugin Accessibility Widget em seu site. Se precisar de ajuda, consulte nosso guia sobre como instalar um plugin do WordPress.

Após a ativação, basta ir em Aparência » Widget no painel de administração do WordPress. Em seguida, você pode clicar no botão '+' e adicionar o bloco 'Accessibility Widget' à sua barra lateral.

Depois disso, você pode inserir um título para o widget, como 'Alterar Tamanho do Texto' ou 'Redimensionar Texto'.

Em seguida, você precisa selecionar quais elementos HTML ou classes CSS serão afetados pelo widget. As opções padrão são body, paragraph, list items e table cells. Essas opções devem funcionar para a maioria dos sites.

O widget permite até quatro opções de redimensionamento. As opções padrão são 90%, 100%, 110% e 120%. Você pode aumentar ou diminuir os tamanhos da fonte inserindo os valores no campo 'Definir para estes tamanhos'.

A última configuração do widget é o texto do controlador, e este é o texto que os usuários verão. Você pode manter as porcentagens padrão para o tamanho do texto ou usar uma letra para mostrar diferentes tamanhos de fonte.

Quando terminar, basta clicar no botão 'Atualizar' para salvar as configurações do seu widget.

Agora você pode visitar seu site para ver o widget em ação. É assim que o widget deve aparecer na barra lateral do seu site:

Se você achar que o texto do controlador não está perceptível, você pode mudar isso usando CSS.

Para fazer isso, basta ir ao seu painel do WordPress e selecionar Aparência » Personalizar.

Agora você deve ver algumas opções para personalizar seu tema clássico.

Aqui, selecione 'CSS Adicional'.

Agora, você pode adicionar algum código CSS para estilizar o widget.

Aqui está o que adicionamos:

.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}

Este CSS adicionará uma borda ao redor do texto do controlador, o tornará em negrito e adicionará um pouco de preenchimento. Quando estiver satisfeito com a aparência do widget, clique em 'Publicar'.

Para mais detalhes, consulte nosso guia sobre como adicionar CSS personalizado no WordPress.

Método 2: Usar Plugin de Acessibilidade do WordPress

Outra maneira fácil de permitir que os usuários redimensionem o texto em seu site é usando WP Accessibility. Este plugin permite adicionar uma barra de ferramentas ao seu site para alterar o tamanho do texto, independentemente do tema que você está usando.

A primeira coisa que você precisa fazer é instalar e ativar o plugin WP Accessibility em seu site. Você pode ver nosso guia sobre como instalar um plugin do WordPress se precisar de ajuda.

Após a ativação, basta ir para a página WP Accessibility no painel de administração do WordPress.

Na seção 'Barra de Ferramentas de Acessibilidade', clique na opção 'Habilitar barra de ferramentas de acessibilidade' e selecione 'Tamanho da fonte'. Isso adicionará um redimensionador de fonte à barra de ferramentas.

Se necessário, você também pode habilitar as opções de Contraste e Escala de Cinza.

Adicionalmente, você pode alterar o tamanho da fonte do conteúdo quando a barra de ferramentas for clicada. Você também pode simplesmente selecionar 'Tamanho padrão' no menu suspenso se não tiver certeza do que escolher.

Fora isso, recomendamos ativar a opção ‘Usar folha de estilo alternativa para redimensionamento de fonte’. Quando esta opção está ativada, os usuários podem alternar facilmente entre os tamanhos de fonte padrão e uma versão maior e mais legível do texto.

Sinta-se à vontade para ativar outras configurações no plugin.

Feito isso, basta clicar no botão ‘Atualizar Configurações da Barra de Ferramentas’.

É isso!

Veja como fica nossa barra de ferramentas de redimensionamento de fonte no front-end:

Para mais informações, você pode ler nosso guia sobre como melhorar a acessibilidade do seu site WordPress.

Torne seu Site WordPress Ainda Mais Fácil de Usar com Estas Dicas

Quer tornar seu site mais fácil de usar e com ótima aparência? Confira estes guias úteis:

• Como Adicionar Navegação por Teclado com Teclas de Seta no WordPress – Facilite a navegação das pessoas em seu site.
• Como Personalizar Cores no Seu Site WordPress – Escolha as cores certas para que seu site tenha uma boa aparência e seja fácil de ler.
• Como Adicionar uma Animação de Pré-carregamento ao WordPress (Passo a Passo) – Adicione uma tela de carregamento legal ao seu site.
• Como Adicionar Modo Escuro ao Seu Site WordPress Facilmente – Permita que os usuários alternem para um tema mais escuro, se preferirem.
• Formas de Criar um Site WordPress Amigável para Dispositivos Móveis – Certifique-se de que seu site funcione bem em celulares e tablets.
• Como Obter Feedback sobre o Design do Site no WordPress (Passo a Passo) – Aprenda como perguntar às pessoas o que elas pensam sobre o design do seu site.
• Como Destacar Texto no WordPress (Guia para Iniciantes) – Aprenda a fazer com que palavras importantes se destaquem em suas páginas.

Tutorial em Vídeo

Esperamos que este artigo tenha ajudado você a adicionar texto redimensionável ao seu site WordPress. Você também pode querer conferir nossas seleções de especialistas dos melhores construtores de página arrastar e soltar do WordPress e nosso guia completo sobre atualizações de temas do WordPress.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.