Texto do cabeçalho
A Silktide verifica se todos os cabeçalhos das suas páginas contêm texto legível. Um cabeçalho vazio anuncia uma secção que não existe e muitas vezes oculta conteúdo que deveria ser um título.
Em , os cabeçalhos (<h1> a <h6>) definem a estrutura
de uma página. Os cabeçalhos vazios geralmente aparecem quando um modelo de
renderiza um cabeçalho cujo conteúdo nunca foi preenchido ou quando um cabeçalho
contém apenas uma imagem sem .
<!-- Problema: um cabeçalho sem conteúdo -->
<h2> </h2>
<!-- Problema: a imagem não tem texto alternativo, por isso o cabeçalho fica silencioso -->
<h2><img src="press.png" alt=""></h2>
Por que isso é importante
As pessoas que usam muitas vezes percorrem uma página saltando de cabeçalho em cabeçalho. Um cabeçalho vazio é anunciado como "cabeçalho de nível 2", sem nada depois — uma entrada sem conteúdo no esquema da página que quebra o ritmo da navegação e deixa o ouvinte a perguntar-se o que perdeu. Quando o cabeçalho contém uma imagem sem etiqueta, os visitantes que veem a página visualizam um título que os utilizadores de nunca recebem.
Como corrigir
- Se o cabeçalho deve conter texto, adicione-o no seu CMS ou no código.
- Se o cabeçalho contém uma imagem que funciona como título, adicione um texto alternativo à imagem:
<!-- Corrigido: o texto alternativo da imagem torna-se o texto do cabeçalho -->
<h2><img src="press.png" alt="Comunicados de imprensa"></h2>
- Se o cabeçalho não tem utilidade — por exemplo, se é um espaço vazio num modelo ou um cabeçalho usado apenas para criar espaçamento — remova o elemento por completo. Use CSS para criar espaçamento, não etiquetas vazias.
Como a Silktide testa isto
- Encontra todos os elementos de cabeçalho (
<h1>a<h6>) em cada página. - Recolhe o texto de cada cabeçalho, incluindo o texto alternativo de quaisquer imagens que estejam dentro dele.
- Comunica cada cabeçalho cujo conteúdo não inclua letras ou números — por isso, os cabeçalhos que contêm apenas espaços ou pontuação são considerados vazios.