Tratando do tema acessibilidade ainda, falarei um pouco sobre o desenvolvimento de sites para mobile browsers.

Do mesmo modo que devemos nos preocupar em desenvolver um site que funcione bem em diferentes navegadores, incluindo os especiais para deficientes visuais, hoje é um fato que existe alguém que acesse seu site por meio de um dispositivo móvel. Nos dias atuais é importante que um site de adapte em diferentes mobile browsers (navegadores móveis – como os de celulares).

O maior problema é fazer essa adaptação do modo eficiente, o que deve-se levar em consideração durante o planejamento é que um site para mobile será visto em diferentes aparelhos e na grande maioria nem todos tem o mesmo suporte.

Um site bem feito, dentro dos padrões da W3c normalmente em principio já funciona em navegadores mobile, o que realmente devemos tomar cuidado é na hora de usar o CSS, nem todos renderizam bem as folhas de estilo.

Para solucionarmos esse problema podemos criar um filtro. Fazemos isso utilizando Media Queries. Elas nos permitem fazer isto. Um filtro onde definimos as características do dispositivo que acessará a página. Com isso, podemos criar um CSS específico para cada grupo de dispositivos que se encaixaram no seu filtro. Por exemplo:

Para desktops e notebooks:
<link rel=”stylesheet” href=”style.css” type=”text/css” media=”screen and (min-width:481px)” />
Mobile:
<link rel=”stylesheet” href=”mob.css” type=”text/css” media=”screen and (max-width:480px)” />

Durante o desenvolvimento do site devemos trabalhar sempre com tamanhos relativos, por exemplo, o conteúdo com 80% do tamanho total alinhado ao centro e a partir disto posicionar os outros elementos. Desta forma o site adapta-se de acordo com o tamanho da tela, em outras palavras, temos um layout liquido.

Como disse em outras oportunidades; 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!

Artigos relacionados