Criar activos acessíveis: Cabeçalhos e títulos

A utilização correta de cabeçalhos e títulos ajuda a estruturar o conteúdo e melhora a navegação para todos os utilizadores, incluindo os que utilizam tecnologias de apoio. Os cabeçalhos claros e bem organizados facilitam a compreensão da hierarquia da página e a procura rápida de informações relevantes. Este artigo descreve as melhores práticas de utilização de cabeçalhos e títulos para melhorar a acessibilidade e a experiência do utilizador.

Requisitos

• As informações, a estrutura e as relações transmitidas através da apresentação devem ser determinadas de forma programática ou estar disponíveis no texto.
  • O texto que funciona como um título visualmente ou estruturalmente deve ser marcado como um título verdadeiro (por exemplo, <h1>, <h2>, etc.) na marcação.
  • O texto que não funciona como um título visual ou estruturalmente não deve ser marcado como um título.
• Os títulos devem ser precisos e informativos, identificando claramente as secções de texto que descrevem.
• A página <title> tem de ser apresentada e tem de conter texto.
• A página <title> deve ser exacta e informativa.
• A página <title> de páginas dinâmicas (por exemplo, em aplicações de página única) DEVE ser actualizada quando o objetivo da página muda.

Exemplos

	FAZ: Cabeçalhos corretamente marcados com etiquetas precisas e informativas
	NÃO FAZ: Um sítio gerado com modelos não inclui um título para cada página do sítio. Assim, o título não pode ser utilizado para distinguir as páginas.