acessibilidade

junho 1 2015

Gere oportunidades de negócio ao melhorar a usabilidade e mudar a cor de links visitados no site

admin Geral, Webdesign acessibilidade, links, web design, wordpress

Gere oportunidades de negócio ao melhorar a usabilidade e mudar a cor de links visitados no site

O que usabilidade e mudar a cor dos links visitados têm em comum? Entenda como isso previne você de perder oportunidades de negócio! Acesse!

Uma boa prática de usabilidade é mudar a cor de links visitados, pois o internauta saberá quais páginas já entrou e qual será a próxima a acessar. Dificultar a navegação do usuário no site é perder oportunidades de negócio, mesmo quando se trata de detalhes como a cor dos links.

É importante melhorar a usabilidade do site porque isso facilita que o visitante encontre o que ele quer – e se você tem um site corporativo, é porque deseja expor os serviços e produtos da empresa ao público.

Por que usabilidade e mudar a cor de links visitados

Vamos supor que o cliente está navegando na seção de produtos do site e, para variar, ele está com pressa. Ao visitar a terceira página e perceber que os links visitados estão diferentes, o usuário ganhará tempo e partirá para os próximos itens.

Caso estejam todos iguais, o visitante terá que pensar mais tempo para se decidir (entenda que ele não é obrigado lembrar de imediato as páginas). Nesse meio tempo, existe a chance de o cliente se perder e resolver sair do site para procurar um concorrente. É aí que você perde uma oportunidade de negócio.

Como mudar a cor de links visitados no WordPress

Em site WordPress grátis criado com o EasyPress, a usabilidade é uma das prioridades, uma vez que, por padrão, os links visitados têm a cor alterada automaticamente. Você sequer tem o trabalho de mexer com isso.

Já nos sites WordPress comuns, você precisa editar o código CSS para mudar a cor de links visitados.

O EasyPress, além de dispensar conhecimento técnico e facilitar o trabalho de quem não sabe ou não quer programar, dá uma conta de e-mail e permite usar seu domínio próprio no site criado grátis! São diversos temas WordPress grátis prontos para edição! Vamos começar?

Crie site WordPress grátis!

Mais dicas de usabilidade para site

Imagem via Freepik

janeiro 20 2015

5 dicas de acessibilidade web para sites WordPress

admin Geral acessibilidade, SEO, usabilidade, w3c, wcag, web design, wordpress

5 dicas de acessibilidade web para sites

Atributo ALT, tabeless, elementos para conteúdo, tags de cabeçalho hierarquizadas e botões com textos claros. Confira estas dicas de acessibilidade web!

Símbolo de acessibilidade

Há pelo menos duas razões para pensarmos em acessibilidade web para site: possibilitar a pessoas com deficiência navegarem e otimizar as páginas para mecanismos de busca (SEO).

Comece pelo simples. Siga estas dicas de acessibilidade web do World Content Accessibility Guide (WCAG) – Guia Internacional de Acessibilidade para Conteúdo – em tradução livre.

1. Preencha o atributo “ALT” das imagens

Descreva brevemente o que aparece na imagem. Isso possibilita que softwares de leitura digam a pessoas cegas o que aparece. O ALT também é útil para mecanismos de busca indexarem a imagem. Um bom exemplo de ALT: “Logo da Site.com.br”.

Para preenchê-lo, ao inserir imagem na biblioteca de mídia WordPress, aparece o campo correspondente à direita.

2. Crie tabelas só para dados tabulares

Use tabelas apenas para dispor dados tabulares. Evite-as para formatar layout. Isso prejudica a navegação no site, atrasa o carregamento e dificulta a acessibilidade, inclusive de quem navega pelo celular ou tablet, entre outras desvantagens.

Temas premium WordPress, como os da Site.com.br, que são gratuitos, não usam tabelas no layout, seguindo o estilo tabeless. Além disso, são responsivos, ou seja, compatíveis com dispositivos móveis.

3. Formate textos com os elementos apropriados

Em vez de escrever “no nada” e dar espaço entre os parágrafos, o ideal é usar os elementos corretos para cada parte do texto. Os mais comuns são os cabeçalhos: títulos <h1> e subtítulos de <h1> a <h6>; e parágrafos <p>.

Novamente, quem usa WordPress, com modelos da Site.com.br, se beneficia, uma vez que esses elementos são atribuídos ao texto pelo editor visual. O usuário não mexe com códigos.

4. Hierarquize o conteúdo

Ainda nos textos, cabe ressaltar a importância de hierarquizar o conteúdo. Ao utilizar adequadamente as tags de cabeçalho, tanto os softwares de acessibilidade quanto os mecanismos de busca entenderão a estrutura do conteúdo.

Recomenda-se utilizar uma tag <h1> por página, no título principal. Os subtítulos recebem as tags de <h2> a <h6> de acordo com o grau de relevância.

5. Textos claros para os botões

Cada botão do site deve descrever claramente a função que exerce. Por mais óbvio que isso pareça, há casos em que a navegabilidade é prejudicada caso esqueça de ser claro. Perceba que há diferença entre apenas “Remover” e “Remover os campos selecionados”, e por aí vai.

Coloque essas dicas em prática com o EasyPress!

Crie site WordPress grátis!