Afinal, o que é Web Standards?

Postado por Rodrigo Medeiros | Algo sobre Acessibilidade, Web Standards

É notório a diversidade de interpretações para o termo web standards. Até mesmo por “modismo” tem gente que troca suas <table> por <div> e jura que seu site já ta 100% web standards. Web standads não é apenas montar sites com css e tableless, ou validar seu site na w3c, é tudo bem maior que isso. Tem que vir desde a idéia inicial do site, com questões de usabilidade, acessibilidade, e por que não dizer mobilidade (ja pensou seu site 100% acessível em um celular?).

Para falicitar esse entendimento, Maujor divulgou um checklist com fatores que se observados, já um bom caminho andado rumo a web standards. Ai vai a lista.

  1. Qualidade do código
    1. O site usa Doctype correto?
    2. O site usa um - Character set - rol de codificação de caracteres correto?
    3. O site usa (X)HTML válido?
    4. A CSS usada pelo site é válida?
    5. A CSS usa algum tipo de “hack”?
    6. Há declaração de classes ou ID’s desnecessárias?
    7. O código é bem estruturado?
    8. Há links quebrados?
    9. Qual é a performance velocidade de carregamento/tamanho da página - speed/page size?
    10. Há erros de JavaScript?
  2. Grau de separação entre conteúdo e apresentação
    1. O site usa CSS para todos os aspectos da apresentação (fontes, cores, espaçamentos, bordas etc)?
    2. As imagens estão todas incluidas nas CSS, ou elas são inseridas via (X)HTML?
  3. Acessibilidade para usuários
    1. O atributo “alt” é usado para todas as imagens?
    2. O site usa unidades de medida relativas em lugar de absolutas para tamanhos de texto?
    3. Há quebra do layout quando o usuário aumenta o tamanho da fonte?
    4. O site usa “skip” para menus?
    5. Os formulários são acessíveis?
    6. As tabelas são acessíveis?
    7. O site faz uso de cores contrastantes?
    8. O site faz uso da cor para transmitir informação?
    9. Menus do tipo dropdown foram projetados com “delay” compatível com usuários portadores de reduzida habilidade motora?
    10. Os links são todos descritivos (para usuários com restrições visuais)?
  4. Acessibilidade para dispositivos
    1. O site é bem visualizado tanto em browsers antigos como recentes?
    2. O conteúdo é acessível com as CSS desabilitadas ou não suportadas pelo agente de usuário?
    3. O conteúdo é acessível com as imagens desabilitadas ou não suportadas pelo agente de usuário?
    4. O site é consistente em browsers de texto tais como o Lynx?
    5. O site é legível quando impresso?
    6. O site é bem visualizado em dispositivos portáteis?
    7. O site utiliza corretamente as metadatas?
    8. O site e bem visualizado em diferentes resoluções do browser?
  5. Usabilidade básica
    1. A hierarquia visual do site é clara e bem definida?
    2. Os níveis dos títulos são bem definidos e consistentes?
    3. A navegação no site é fácil de se entender?
    4. O sistema de navegação é consistente?
    5. Há links sublinhados?
    6. A linguagem adotada no site é consistente e apropriada?
    7. Há um Mapa do Site e uma página para contato? São fáceis de serem localizados?
    8. Para sites grandes, há um campo de busca?
    9. Há um link para a home page em cada uma das páginas do site?
    10. Os links visitados são claramente definidos com uso de uma cor única?
  6. Administração do site
    1. O site tem uma página de erro 404 que funciona em todos os níveis?
    2. O site utiliza URL’s amigáveis - friendly URLs?
    3. As URLs funcionam sem o “www”?
    4. O site utiliza “favicon” ?

Como o próprio Maujor mencionou, essa lista não é definitiva, é apenas um início para que possamos melhorar cada vez mais a qualidade nos nossos sites.

No blog do João Paulo Fechine, ele também cita umas informações que valem ser seguidas.

…O Webstandards é uma filosofia de desenvolvimento e tem como objetivo, escrever (código) páginas condizentes com as diretrizes da W3C (órgão responsável pela normatização da internet)….Ler tudo

Fonte: Maujor

Tags: ,

Leia mais | Comentários (4) | June 21st, 2007

12º Encontro de Web Design - Recife

Postado por Rodrigo Medeiros | Algo sobre Geral

Aconteceu no último sábado (16.06), o 12º EWD, Encontro de Web Designer, promovido pela Arteccom.

Apesar de estar sendo bastante críticado, pelo excesso de palestrantes de um mesmo assunto, de uma maneira geral valeu como um empurrão na criatividade.

Os palestrantes locais, Felipe Medeiros e Gustavo Gusmão, apesar de terem demonstrado nervosismo, deram dicas bastante úteis sobre processo criativo, interação como usuário, tipografia e como conseguir usar o conhecimento de Designer Gráfico na Web.

André Matarazzo, deu uma surra de criatividade, mostrando que para deixar a acessibilidade um pouco de lado, tem que valer muito a pena para quem vai ver. E ainda deixou no ar a pergunta: Sites “chinfrins” para 100% dos usuários, ou um mega-site para 60%? Juro que ainda estou me questionando.

Já a palestra de Michel Lent, sem comentários. Deixou muita gente de boca aberta, tanto pela segurança do que estava falando, quanto pela maneira de enchergar o que até então poucos enchergava, o cara é “phoda”.

É isso, o encontro foi válido, embora pudesse ter sido melhor. Espero que nos próximos encontros, eles se preocupem mais com a divisão de conteúdo, para suprir a necessidade de todos.

12º EWD

Pela ordem: Eu, Michel Lent, José Carlos, André Matarazzo e Gabriel Ramalho.

Veja um vídeo do evento (vídeo feito pela FlashTotal WebTV.)

Tags:

Leia mais | Comentários (7) | June 20th, 2007

Dica para Wordpress

Postado por Rodrigo Medeiros | Algo sobre Wordpress

Essa semana a minha amiga Erika Focke disponibilizou em seu blog, um script que é uma mão na roda para quem tem um blog e um site separados.

Como por exemplo o meu site, em que o blog fica separado, eu posso mostrar na minha página inicial, os ultimos posts que eu publiquei no blog, sem a necessidde de fazer tudo manualmente. Segue o link

Tags: , ,

Leia mais | Comentário (1) | June 14th, 2007

Acessibilidade - Siga essa idéia

Postado por Rodrigo Medeiros | Algo sobre Acessibilidade

Segue aqui um recado não só para meus amigos webdesigners, mas para toda a população que se interesse em tornar o espaço que vivemos mais acessível.

O CONADE está encabeçando uma campanha a favor da acessibilidade. Veja aqui o vídeo que apresenta essa campanha.

Aproveitando a oportunidade, segue a dica para que nós webdesigner possamos fazer a nossa parte. É uma ferramenta para verificar como o seu site fica mediante algumas limitações visuais, como catarata, protanopia, tritanopia entre outros. Segue o link

Agora bola pra frente, vamos fazer nossa parte, e passar a idéia adiante.

Tags: ,

Leia mais | Comentários (2) | June 13th, 2007

Safari para Windows

Postado por Rodrigo Medeiros | Algo sobre Geral

Foi lançada hoje uma versão beta do browser Safari para Windows (XP e Vista) . Mais um concorrente para o nosso velho IE.

A Apple, informou que  o navegador padrão do Mac OS X é 2 vezes mais rápido do que o Internet Explorer 7 e 1.6 vezes mais veloz do que a versão 2 do Firefox.

Clique aqui e baixe a versão beta.

Fonte: Opera Watch

Tags: ,

Leia mais | Comentários (2) | June 12th, 2007

« Posts Antigos