Menu Principal (Faixa clara ao índice)

 Home  »  Artigos  »  Acessbilidade  »  10 características que tornam (..)

10 medidas para tornar o seu Design Acessível

Muito mais do que um conjunto de regras e boas práticas, a acessibilidade é um factor fundamental no sucesso de um projecto web.

Todas as acções que propomos são extremamente simples de implementar, desde que sejam levadas em conta na fase de planeamento do seu projecto.

A implementação de algumas destas medidas em sites que já estejam publicados pode ser uma dor de cabeça uma vez que muitas das sugestões podem vir a alterar as fundações estruturais do site.

1. Utilize um Tamanho de fontes legível

Talvez um dos elementos mais simples de implementar que fazem toda a diferença, muito embora a maior parte dos browsers permitam alterar o tamanho da fonte, nem todos os utilizadores conhecem esta funcionalidade, consequentemente está nas mãos da equipa de Desenvolvimento do site eliminar este potencial problema tornado o tamanho por defeito suficientemente grande para ser legível por qualquer audiência.

O tamanhos das fontes varia consoante o tipo de fonte que se escolha, mas levando em conta o exemplo em baixo, um tamanho legível Ariel varia entre o 13 e o 15, tudo o que for abaixo desta margem é pequeno de mais, e tudo o que for maior é exageradamente grande. Podemos aplicar a mesma regra de distância em fontes diferentes.


2. Crie um bom contraste entre os fundos e as fontes

Mesmo que o tamanho da fonte seja legível, é aconselhável o máximo de contraste entre o fundo e o texto. O tradicional contraste entre um fundo branco e um texto preto funciona perfeitamente, mas existem outras alternativas que funcionam bem desde que se mantenham um nível de contraste aceitável.

Consulte para mais informações sobre a relação entre a utilização da cor e a acessibilidade: http://diveintoaccessibility.org/day_12_using_color_safely.html

3. Escolha bem o Tipo de Fonte

Por alguma razão alguns Designers persistem em escolher fontes completamente ilegíveis, não pelo tamanho ou pelo contraste, mas pelo tipo de Fonte.

Mesmo sites conceituados como o da Technorati optaram por uma fonte de tipologia questionável, que a nosso ver torna a leitura dos conteúdos uma experiência frustrante e pouco “User Friendly”. Para além da leitura um outro problema que emerge reside na disponibilidade das fontes de uma forma homogénea em todos os sistemas. O problema reside na diversidade dos sistemas operativos disponívis no Mercado que não têm todos as mesmas fontes instaladas no sistema por defeito.

Se um site utilizar uma fonte não disponível no sistema do visitante, esta poderá aparecer deformada ou então uma fonte substituta seleccionada.

A Solução encontra-se em optar fontes que tenham um reconhecimento entre todos os sistemas principais.

A lista em baixo representa uma lista de fontes que parecem reunir consenso entre os diversos sistemas no mercado:

  • Arial
  • Book Antiqua
  • Comic Sans MS
  • Georgia
  • Courier New
  • Tahoma
  • Times New Roman
  • Trebuchet MS, e Verdana

Ainda em relação às fontes, tente manter a consistência no tipo e Fonte que optar, ou seja evite utilizar diferentes tipos de Fonte no mesmo site pois crua uma sensação de desconexão e tira a uniformidade à estrutura dos conteúdos do site.

4. Dê a máxima importância ao seu sistema de navegação

Um bom sistema de navegação funciona como uma unidade central de localização que permite aos seus visitantes saber em qualquer altura; onde se encontram, e como chegar aos conteúdos principais do seu site.



Um bom sistema de navegação é:
  • Facilmente acessível
  • Intuitivo
  • Encontra-se presente em todas as páginas
  • Dá acessos à raiz dos conteúdos principais

5. Crie um Mapa do site

Ficaria espantado ao saber da quantidade de pessoas que utilizam o “mapa do site” como ferramenta de navegação.

O Mapa funciona como um “GPS” permitindo ao visitante ter uma visão da estrutura do site de “um ponto mais alto”, possibilitando-o chegar ao conteúdo que pretende de uma forma mais rápida.

Um pouco fora de contexto, aconselhamos a criação de uma versão em XML do Mapa do site e submeter a mesma para o Google Sitemaps . Ao fazer isto melhora a eficiência da indexação do seu site pois poderá seleccionar quais as páginas que pretende ver indexadas pelo Google.

6. “Path” Caminho de Site presente e visível

O caminho de um site corresponde ao “trilho” percorrido pelo visitante até a chegar a determinada página.



É fundamental que este esteja, a par do sistema de navegação principal, presente em todos as páginas de pois irá permitir aos visitantes facilmente retroceder a páginas anteriores, servindo simultaneamente de acessório e complemento ao sistema de navegação principal uma vez que percorre um caminho mais afunilado que este.

7. Estruture bem os seus conteúdos

Por estrutura referimo-nos à disposição dos diversos elementos que compõe o site, desde textos, artigos, aos elementos gráficos como banners, imagens etc..

Estes elementos têm que estar dispostos de tal forma a que os conteúdos que se sobressaiam são sempre aqueles que o visitante solicitou, ou seja, se um utilizador está a está interessado num artigo, a composição gráfica e organizacional do site tem que colocar esse conteúdo em primeiro lugar.

Elementos como banners comerciais e outro tipo “distracções” devem funcionar apenas como complemento ao conteúdo, que afinal foi o que fez com que o visitante chegasse ao seu site.

8. Utilize Texto de substituição das imagens e títulos no Links

Nem todos os visitantes têm as mesmas configurações no Browser. É muito comum aos utilizadores de sistemas móveis desactivarem as imagens do browser para navegarem com maior facilidade e de uma forma mais económica.

No HTML as imagens contêm um atributo chamado ALT que serve de substituição em caso da ausência de uma determinada imagem ou falha no carregamento da mesma.

De forma análoga os Hyperlinks utilizam um atributo chamado “title” que funciona como legenda e descrição dos links. Basta passar o rato por cima de qualquer link que esteja a utilizar este atributo e poderemos ler uma pequena legenda ou descrição do link que vamos clicar. É particularmente útil quando pretendemos saber um pouco mais sobre o site que está a ser “linkado” antes de decidirmos se o queremos visitar.

9. Não coloque conteúdo em novas janelas/pop ups

Se existe uma coisa que todos os utilizadores compreendem é o Butão de “voltar” do browser. Ao abrir conteúdos em novas páginas não só vai tornar a navegação mais confusa como também impossibilitar a utilização do sistema de navegação do browser como ferramenta de navegação.

10. Crie uma Versão “Texto Apenas “do seu site

Muito embora possa parecer que estamos a levar a acessibilidade a um extremo, na realidade as versões de texto apenas são extremamente fáceis de implementar (se forem planificadas logo na fase inicial de um projecto) e são extremamente úteis para quem navega através de Unidades Móveis.

Imagine o que é ter que carregar dezenas de imagens através de uma ligação WEP, só para ter acesso a um simples conteúdo textual?

Exemplo de uma versão Mobile: http://mobile.easylogics.com/

Recursos úteis sobre Acessibilidade