Testes

Validação pelos padrões web (web standards)

Atualizado em 8.1.2012

O Censo da web realizado pelo Comitê Gestor do Brasil em 2010 apurou que, de 6,3 milhões de páginas HTML pesquisadas, cerca de 91% mostraram mais de uma incorreção de aderência aos padrões do W3C. Apenas 5% das páginas mostravam aderência ao padrão. Pelo menos na época, a validação pelos padrões ainda não era uma prática comum nos projetos web no país. (2)

A validação do código-fonte do web site verifica se este tem HTML ou XHTML válida ou compatível com padrões (standards web), para facilitar a carregação das páginas nos diversos browsers e dispositivos móveis com acesso à web.

Verifica também se os arquivos de estilos CSS são compatível com os padrões (inclusive as configurações de impressão das páginas), e se o uso de divs é adequado.

E ainda se o site usa DOCTYPE (document type declaration) correto, de acordo com a versão de  (X)HTML usada – primeira declaração a ser inserida em uma página web, antes mesmo da marcação<html>, instrui o browser para lidar com o código ao começar a carregar uma página.

Os exames incluem também se há links interrompidos ou erros em linguagens de programação, como Javascript e em recursos dinâmicos como Ajax.

O browser utilizado pelo desenvolvedor pode ignorar alguns erros, mas algumas marcações erradas podem resultar em problemas de visualização em diversos browsers.

Erros de validação devem ser aceitos apenas se há uma clara necessidade de uso de marcações fora dos standards e se os resultados foram satisfatórios na maioria dos browsers testados.

Mas na medida em que o conteúdo online está sendo mais e mais acessado por dispositivos móveis, a validação do código se torna um fator crítico para garantir a compatibilidade dos sites e sua acessibilidade em todos os programas de acesso.

Pesquisa da empresa desenvolvedora do software Opera em 2008 verificou que apenas 4.13% das URLS indexadas pelo aplicativo MAMA (Metadata Analysis and Mining Application) foram validadas pelo W3C markup validator. E apenas 50% dos websites que anunciam a validação com banners nas suas páginas realmente foram validadas pelos padrões do W3C. (1)

O estudo mostrou também que a maioria dos programas e sistemas de gerenciamento de conteúdo publicam web sites cujo código não valida. Somente 0,55% das páginas criadas com o Microsoft FrontPage foram validadas. E 3.44% das páginas criadas com Adobe Dreamweaver, 6,45 das páginas criadas com Joomla e 9% das páginas criadas com WordPress.

Atividades relacionadas

Validar o código XHTML do site com ferramentas como W3C Validator ou WDG validator.

Validar os estilos CSS do site com ferramentas como W3C CSS Validator.

Corrigir os problemas observados com base no diagnóstico das ferramentas.

Checar os links do site via programa de desenvolvimento, como o Dreamweaver ou disponíveis online, como Link Valet (para apenas algumas páginas) ou Xenulink (para a avaliação de sites inteiros).


Assuntos relacionados
Contratação de agência digital
Indicadores de qualidade– exemplo de lista de checagem
XHTML
Sobre <Doctype>
Web semântica

Referências sobre validação pelos padrões web
2) Web governamental: 98% dos sites não adotam padrões de acessibilidade (Convergência Digital, acesso em 18.8.2010)
Mudando para Web standards, de Karl Dubost (Site Maujor, acesso em 27.6.2010)
1) Opera – most HTML code isn't standards compliant (e-consultancy, acesso em 2.11.2008)
Investing in usability: Testing versus training (Boxes and Arrows, acesso em 1.2.2005)

Mais sobre o assunto (links externos)
Web Standards Group (lista de discussão sobre standards web – em inglês)
i-Learrn (Curso de Formação Web Standards, único centro de treinamento do W3C no Brasil)
GTMetrix – serviço gratuito que provê análise de interfaces web segundo parâmetros como velocidade de carregação
10 Excellent tools for testing your site on mobile devices – ferramentas para testes de sites móveis
W3C Mobile Checker – ferramenta para avaliação de sites móveis
W3C CSS Validator
WDG validator
Link Valet
Xenulink – checagem de links interrompidos

Avellar e Duarte no Twitter Avellar e Duarte no Facebook Feeds da Avellar e Duarte Avellar e Duarte no Delicious