Continuando nossa serie sobre acessibilidade web, hoje mostraremos técnicas que podem ser aplicadas ao CSS para facilitar a vida dos usuários com dificuldade.

Como são vários pontos vamos enumerar em tópicos:
1 - Crie um estilo de apresentação consistente em todas as páginas: Tente padronizar todas as páginas do site, crie o mínimo de folhas de estilos e use folhas de estilo externas, evite criar folhas de estilo in-line, assim facilita também a manutenção do site.

2 – Evite definições que estão fora dos padrões da W3C: Para garantir que o site não terá nenhuma incompatibilidade, não utilize regras, comandos ou técnicas que já estão em desuso.

3 – Use unidade de medidas relativas: Evite usar unidade de medida fixas, como cm e pt. Dê preferência pelas unidades em e %, só utilize medidas fixas, para elementos que possuem medidas fixas, como imagens.

4 – Evite usar imagens: Se for possível, substitua as imagens por texto, quando isto não for possível, forneça uma explicação da imagem em forma de texto, através da tag “alt” do elementos img, por exemplo: <img src=”http://www.treinaweb.com.br/images/treinaweb_elearning2.gif” alt=”Logotipo do site TreinaWeb” />

5 - Forneça o site sem html: No momento do desenvolvimento do site, verifique se ele permanece legível, mesmo que sem o CSS da página, para facilitar os usuários que utilizam browsers sem suporte ao CSS.

6 - Evite utilizar apenas um fonte de letra: Sempre forneça mais de uma opção de fonte, bem como evite utilizar fontes em desuso ou pouco utilizadas.

7 - Crie um estilo de texto simples: Evite utilizar efeitos no texto, como: efeitos de sombra, “piscante”. Caso tenha que aplicar os efeitos no texto, sempre forneça uma forma de “desligar este efeitos”.

8 - Sempre utilize as folhas de estilo para tabular o texto: Nunca tabule o texto “à mão”, utilize os elementos do CSS para tabular o texto, como: word-spacing, text-indent, write-spancing.

9 – Cuidado ao utilizar cores nos textos: Certifique-se que toda informação transmitida pela cor esteja disponível também sem a cor, por exemplo, mediante contexto ou por marcadores.

10 – Sempre teste seu site em um browser somente texto (o mesmo que os leitores de tela utilizam). O Lynx é um dos mais famosos. Se não quiser instalá-lo, existem alguns emuladores, como o LynxView.

Por enquanto é isto. No próximo artigo traremos mais dicas de como utilizar o CSS para tornar o site mais acessível.

Até a próxima!

Tags: Acessibilidade, CSS