Ir para o conteúdo principal

regras de acessibilidade 4 para cada blog WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

Criar um site que funcione bem em dispositivos móveis não é fácil, mas é uma tarefa possível. Desde que você verifique seu site antes de enviá-lo, não há motivo para que os usuários móveis não tenham uma ótima experiência. No entanto, você pode se perguntar quais itens precisam mais de sua atenção.

Neste tutorial, forneceremos uma lista simples de critérios que seu site deve preencher. Se for esse o caso, seus usuários provavelmente terão uma ótima experiência em dispositivos móveis; caso contrário, mostraremos como fazer a diferença. Vamos começar com o número um!

1 - Teste seu site em várias resoluções

Uma das coisas mais importantes sobre sites para celular é que seu site não deve parecer uma versão reduzida da versão para computador. Isso significa que cada um de seus elementos deve estar atento a várias resoluções.

Se, por outro lado, nenhum de seus itens for visto no celular, isso poderá ter um impacto negativo na sua taxa de rejeição. A melhor coisa a fazer é testar seu site em várias resoluções de antemão e ver se tudo é exibido corretamente.

Felizmente, esse processo não é tão complicado quanto parece e você não precisa ter vários dispositivos para fazê-lo. Existem muitos serviços que permitem testar rapidamente qualquer site em diferentes resoluções, como:

Ferramentas Chrome Dev : Esse recurso interno do navegador Chrome inclui uma barra de ferramentas do dispositivo que você pode usar para testar seu site em várias resoluções.

Serviços como Screenfly et BrowserStack : Esses serviços de terceiros permitem que você teste seu site em uma variedade muito maior de resoluções.

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

Todas as ferramentas que mencionamos são gratuitas, portanto o orçamento não deve ser um problema e não há desculpa para pular esta etapa!

2 - Verifique se seus menus e navegação ficam bem em telas menores

Na maioria dos casos, os menus são o principal meio de navegação para seus visitantes. Se os seus links forem difíceis de clicar ou ler em resoluções menores, isso afetará a usabilidade. Além disso, você também deseja que todos os itens de menu sejam facilmente acessíveis, independentemente do dispositivo usado para navegar.

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Com isso em mente, vamos dar alguns passos para garantir que você não perca nada na hora de testar seus menus para celular:

  • Verifique se todos os itens de menu estão visíveis.
  • Verifique se cada link está alinhado e se os submenus estão aninhados.
  • Verifique se você pode ler cada item do menu e clique nele.

Os temas mais modernos do WordPress criam automaticamente menus responsivos para você. Se você estiver tendo problemas com esse aspecto no seu site, considere mudar o tema.

3 - Verifique se suas imagens estão boas em pequenas resoluções

As imagens são uma parte essencial de qualquer site, mas às vezes seus gráficos podem não ter resoluções melhores. Por exemplo, se o seu logotipo não estiver legível quando alguém acessar seu site por meio de um celular, isso afetará claramente a imagem da sua marca.

Na maioria dos casos, as pessoas estão mais preocupadas em "distorcer" suas imagens, mas o dimensionamento também pode ser um problema. Nem todas as imagens podem ser adaptadas para serem perfeitas em cada resolução, mas você pode executar etapas para ter menos problemas:

Concentrar seus esforços em imagens importantes para sua marca.

Procure alternativas escaláveis ​​para tipos de imagens populares, como SVGs.

Se possível, opte por melhores imagens cortadas, para que sejam melhores em tamanhos menores.

Contanto que você mantenha essas dicas em mente, você deve estar pronto para começar. Lembre-se de que, para imagens muito complexas, como infográficos, talvez não seja possível se adaptar totalmente a baixas resoluções.

4 - Teste seu conteúdo quanto à legibilidade

Um aspecto que mais afeta a usabilidade de dispositivos móveis é a legibilidade. Ao trabalhar com um fator de forma menor, você precisa compensar isso, garantindo que o texto sempre apareça apesar do tamanho pequeno das telas, em vez de apenas diminuir a fonte. O objetivo aqui é simples: seus usuários não precisam aumentar o zoom para ler seu conteúdo. Afinal, é a receita perfeita para irritar um usuário.

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [Recomendado]

Felizmente, a legibilidade é um aspecto relativamente simples de abordar:

  • Escolha uma fonte básica que seja muito legível para o conteúdo.
  • Use legendas sempre que possível para dividir seu conteúdo em seções de fácil leitura.
  • Escolha um tema que lhe dê mais controle sobre como o texto é exibido.

Em relação ao nosso último ponto, muitos temas modernos devem oferecer a opção que você está procurando.

Isso é tudo para essas dicas, espero que elas o ajudem a otimizar melhor seus blogs para dispositivos móveis. Se você tiver alguma dúvida, não hesite em perguntar.

Este artigo contém comentários 0

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

De volta ao topo
15 ações
ação12
chilrear1
Enregistrer2