G141Organizar una página mediante encabezados

Aplicabilidad

Páginas con contenido organizado en secciones.

Descripción

El objetivo de esta técnica es garantizar que las secciones tienen encabezados que las identifican. El criterio de conformidad 1.3.1 Información y relaciones exige que los encabezados estén marcados de forma que puedan identificarse por software.

En HTML, esto puede hacerse con los elementos de encabezado de HTML (h1, h2, h3, h4, h5 y h6). Estos permiten que los agentes de usuario identifiquen automáticamente los encabezados de sección. Otras tecnologías utilizan otras técnicas para identificar los encabezados. Para facilitar la navegación y la comprensión de la estructura general del documento, los autores deberían usar encabezados correctamente anidados (p. ej., h1 seguido de h2, h2 seguido de h2 o h3, h3 seguido de h3 o h4, etc.).

Ejemplos

<!doctype html>
<html lang="en">
  <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>

Pruebas

Técnicas relacionadas

• ARIA12: Usar role=heading para identificar los encabezados
• H42: Usar h1-h6 para identificar los encabezados
• H69: Proporcionar elementos de encabezado al principio de cada sección de contenido

Recursos

• WebAIM: Semantic Structure (estructura semántica)
• HTML - Los elementos h1, h2, h3, h4, h5 y h6