Qualidade do Código

O teste de layout procura o uso de HTML não-semântico.

Por que testamos isso?

Semantic HTML is the use of HTML markup to define the semantics (or meaning) of information in a web page, rather than how it should be displayed. It is considered best practice to use Semantic HTML to mark-up your document and then use CSS to style it appropriately. Use of non-semantic elements like <i> and <font> is discouraged.

As tabelas eram tradicionalmente usadas para traçar páginas da web em duas colunas, mas desde o advento do CSS e navegadores modernos há alguns anos, não é mais necessário usar tabelas para nada além de informações tabulares. Agora é melhor prática criar layouts em colunas usando divs e CSS. Isso também ajuda a renderização em navegadores não visuais ou quando uma folha de estilos de sites não está disponível.

Como testamos isso?

Procuramos elementos dentro de células de tabela que podem indicar o uso de tabelas para layout. Estes incluem divs, títulos e tabelas. Também procuramos tags de apresentação em HTML como a tag de fonte, a tag negrito ea tag itálica.

O que posso fazer sobre isso?

Pode não ser fácil, mas você deve converter todas as páginas do seu site que usam tabelas para layout para usar divs e CSS. Utilize apenas tabelas para informações tabulares, p. Uma tabela de preços. Em vez de usar elementos de apresentação para formatar texto, use elementos semânticos apropriados e, em seguida, crie-os com CSS.