Afinal, o que é Web Standards?

Postado em June 21st, 2007 | 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

Posts Relacionados

4 Comentários para “Afinal, o que é Web Standards?”

  1. Gabriel Ramalho disse:
    June 21st, 2007 at 10:44

    Pequenina a lista não? rs..
    Mas esse trabalhão todo vale a pena, é gratificante concluir o desenvolvimento de um site e observar que todos esses critérios foram obedecidos, que você é um profissional em web standards.
    Ótimo post, Parabéns.
    *Agora pede pro teu “sobrinho” seguir o checklist, que eu quero ver.

    Grande abraço.

  2. Rodrigo Medeiros disse:
    June 21st, 2007 at 10:47

    Acho que eu vou adicionar essa lista na página “Serviços” do meu site. Do tipo eu faço isso, o seu sobrinho não.

  3. João Paulo Fechine Sette disse:
    June 21st, 2007 at 11:06

    KKKKK, adorei seu comentário Rodrigo..
    “eu faço isso, o seu sobrinho não”.

    A lista está recheada… só acrescentando que ela foi desenvolvida em 2004… ou seja, hoje podemos acrescentar muitos outros valores a serem testados como por exemplo “diversos tipos de folhas de estilos para mídias” e por aí vai. Acho que conseguindo chegar a uns 80% do que tem aí, podemos nos considerar profissionais da elite!

    ps.: Alguns pontos devem ser olhados com cautela, como por exemplo “As imagens estão todas incluidas nas CSS, ou elas são inseridas via (X)HTML?”… imagens podem sim, serem inseridas via html, principalmente (e semânticamente) quando elas passam informação.
    Visto isso, imprimam a listinha e “let’s Go”!

    Abraços.

  4. Erika disse:
    June 25th, 2007 at 18:16

    Ei Rodrigo, acho que tu tais precisando de um chaveiro PuchiPuchi… vê lá no meu blog! hehehehe

Solte o Verbo