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!
Gostou do artigo?
Aproveite então para assinar nosso feed RSS ou seguir o Design Blog no Twitter para sempre ficar ligado nas novidades no mundo do design!
Loading ...
4 comentários
Bacana, vi várias coisas sobre acessibilidade na web em um curso que eu fiz. No fim das contas valeu muito a pena. Ótimo artigo.
Muito bacana a postagem… as pessoas no geral esquecem dos diferentes e acabam ignorando a existencias dos mesmos, por isso é tão importante falar sobre o assunto acessibilidade e permitir o conteúdo a todos.
Li o artigo na esperança de falar também sobre mobiles, mas de fato acessibilidade para cegos é algo pouco pensado ainda no planejamento das webs, deveria haver algum incentivo nisso ou talvez um selo que incentivasse a prática.
Richard,
Meu próximo artigo falarei sobre o desenvolvimento de sites para dispositivos móveis… fique no aguardo que logo logo ele será postado pelo Canha.
Abraços
Regras
Antes de comentar, por favor atente-se as regras abaixo:
Os comentários neste artigos assim como em qualquer artigo deste blog não necessáriamente refletem a opinião dos autores e donos deste blog, como consta na Política de Privacidade e Uso deste blog.