Técnicas para as WCAG 2.0

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

-

G141: Organizar uma página utilizando cabeçalhos

Aplicabilidade

Páginas com conteúdo organizado em secções.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é garantir que as secções têm cabeçalhos que as identifiquem. O Critério de Sucesso 1.3.1 exige que os cabeçalhos sejam assinalados para poderem ser identificados de forma programática.

Em HTML, isto seria efectuado utilizando os elementos heading HTML (h1, h2, h3, h4, h5 e h6). Isto permite aos agentes de utilizador identificar automaticamente os cabeçalhos das secções. Outras tecnologias utilizam outras técnicas para identificar cabeçalhos. Para facilitar a navegação e compreensão de toda a estrutura do documento, os autores devem utilizar cabeçalhos correctamente encaixados (por ex., h1 seguido de h2, h2 seguido de h2 ou h3, h3 seguido de h3 ou h4, etc.).

Exemplos

Exemplo 1: Cabeçalhos utilizados para organizar uma página HTML

Uma página sobre técnicas de culinária utiliza um elemento h1 para todo o título, elementos h2 para as secções mais importantes sobre cozinhar com óleo versus cozinhar com manteiga e elementos h3 para subsecções sobre técnicas para cozinhar com óleo.

Código Exemplo:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cooking techniques</title>
</head>
<body>
<h1>Cooking techniques</h1>
 ... some text here ...
<h2>Cooking with oil</h2>
 ... text of the section ...
<h3>Sautéeing</h3>
 ....
<h3>Deep frying</h3>
<h2>Cooking with butter</h2>
 ... text of the section ...
</body>
</html>

Recursos

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

Testes

Procedimento

  1. Examine uma página com o conteúdo organizado em secções.

  2. Verifique se existe um cabeçalho para cada secção.

Resultados Esperados