Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

H42: Utilizar h1-h6 para identificar cabeçalhos

Aplicabilidade

HTML e XHTML.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é utilizar a marcação de cabeçalhos HTML e XHTML para transmitir a estrutura do conteúdo.

A utilização de cabeçalhos simplesmente para alterar o aspecto do texto não transmite a organização do conteúdo e pode confundir os utilizadores que utilizam cabeçalhos para compreender a estrutura ou que se baseiam nos mesmos para a navegação. Contrariamente, enquanto aplicar o formato negrito, ou mesmo "categoria=cabeçalho", pode resultar na apresentação visual de um cabeçalho, as tecnologias de apoio não irão reconhecer esses textos como cabeçalhos.

Exemplos

Exemplo 1: Cabeçalhos numa disposição de 3 colunas

Neste exemplo, o conteúdo principal da página encontra-se na coluna do meio de uma página com 3 colunas. O título do conteúdo principal corresponde ao título da página, e está assinalado como h1, apesar de não ser a primeira coisa apresentada na página. O conteúdo da primeira e terceira colunas é menos importante, e está assinalado como h2.

Código Exemplo:

<head>
 <title>Stock Market Up Today</title>
 </head>

 <body>

 <!-- left nav -->
 <div class="left-nav">
 <h2>Site Navigation</h2>
 <!-- content here -->
 </div>

 <!-- main contents -->
 <div class="main">
 <h1>Stock Market up today</h1>
 <!-- article text here -->
 </div>

 <!-- right panel -->
 <div class="left-nav">
 <h2>Related links</h2>
 <!-- content here -->
 </div>
 </body>

Recursos

Os recursos são indicados apenas a título informativo, não implica que tenham sido aprovados.

Testes

Procedimento

  1. Verifique se é utilizada a marcação de cabeçalhos quando o conteúdo é um cabeçalho.

  2. Verifique se não é utilizada a marcação de cabeçalhos quando o conteúdo não é um cabeçalho.

Resultados Esperados