Acessibilidade para todos
Será que isso realmente existe? Se você acredita que uma pessoa cega ou com um dispositivo móvel nunca entrará em seu site, está errado. Imagino que seja a hora de rever alguns conceitos, levando em conta acessibilidade, claro.
Seguindo a discussão proposta na coluna anterior, pretendo explicar de forma menos teórica e mais prática sobre o tema UX design / acessibilidade. Vamos lá, existem varios niveis quando falamos de acessibilidade, por hora, irei abordar sobre o modo de desenvolver um site para pessoas com deficiências visuais.
1. Antes de começar o projeto, é necessário que todos os textos estejam objetivos.
2. Adaptação do código. pequenas mudanças pode melhorar bastante o resultado final. Por exemplo, existem dois meios para se deixar uma palavra em negrito, seja com a tag <b> ou <strong>, visualmente ambos tem o mesmo resultado, entretanto, para um cego não. O problema é o seguinte, para quem não sabe o navegador para cegos funciona por meio de som, ou seja, ele vai ler o que está escrito na página. E o negrito para esse navegador é feito por meio da tag <strong>. Na hora da leitura terá um tom de voz mais bruto, para marcar o que é importante. A mesma lógica é usada para as tags <em> e <i>, em resumo, a tag <em> é indicada para o navegador para cegos interpretar de fato o itálico.
3. É essencial existir um botão para ir direto para o conteúdo, por que, imagine um menu gigante com varios sub-itens, a espera para o conteúdo passa a ser beeem mais demorada.
Voltando ao ponto das tags, como já citei o browser precisa realmente entender o que é título, parágrafo, negrito, itálico e etc. Segue dois exemplos sobre as diferenças:
Este é o modo correto para um cego entender o que é cada elemento:
<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h1>
<p>Vivamus sed tellus quam, ac aliquet <strong>sem</strong>. Sed ac ante a ligula adipiscing pharetra vitae <em>at ligula</em>. Aliquam erat volutpat.</p>
Deste modo, não funcionará como deveria
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<p>Vivamus sed tellus quam, ac aliquet <b>sem</b>. Sed ac ante a ligula adipiscing pharetra vitae <i>at ligula</i>. Aliquam erat volutpat.</p>
Como eu disse, pequenas mudanças geram grandes resultados!
Quem leu isto também leu:
Fernando Rossetto é desenvolvedor de interfaces formado pelo Centro Universitário Senac. Sua area de estudo gira em torno de desenvolvimento de intefaces, web 2.0, web 3.0 (semântica), arquitetura de informação, usabilidade e ergonomia em interfaces.
Acesse seu site Siga no Twitter