Assine nosso conteúdo rss

Novo projeto: Botinas Paulistão

Criando campanhas eficazes

IE6 está perto da extinção

67 por cento da população foi às compras em setembro de 2009

Google anuncia sistema que vai levar internet à TV

Juliana

Luciano

Nelio

Webart, LÍDER NA REGIÃO!
Atendemos as cidades de Birigui, Araçatuba, Buritama, Penápolis, Bilac, Promissão, Lins e região.

Birigui BILAC Araçatuba sites birigui desenvolvimento de sites penápolis criação de sites araçatuba desenvolvimento de sites promissão desenvolvimento de sites buritama LINS Promissão desenvolvimento de sites lins penápolis mala direta Banners animados Marketing google ycaro Banners animados Ar condicionado

Acessibilidade para todos

Abordaremos 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!

Ah, antes que eu me esqueça, a Webart somente produz sites com este nível de acessibilidade. Não aceitamos a idéia de excluir ou limitar possíveis acessos aos sites dos nossos clientes.