Encabezados

De Guía de Diseño Web Accesible

Para facilitar la comprensión de un documento es conveniente que esté adecuadamente estructurado. En HTML tenemos los encabezados (H1… H6) que nos permiten estructurar la información describiendo de forma breve el tema de la sección que introducen.

Los encabezados permiten a los agentes de usuario saber cuándo empieza una nueva sección, lo cual facilita la experiencia del usuario.

Los encabezados tienen una estructura jerárquica que se inicia con H1. A partir de aquí, deberían ir enlazados igual que en una publicación en papel.

Así, en una página podríamos tener una distribución similar a esta:

<h1>Título principal</h1>

<h2>Subtítulo 1</h2>

<h3>SubSubtítulo 1.1</h3>

<h3>SubSubtítulo 1.2</h3>

<h4>SubSubSubtítulo 1.2.1</h4>

<h3>SubSubtítulo 1.3</h3>

<h2>Subtítulo 2</h2>

<h2>Subtítulo 3</h2>

<h3>SubSubtítulo 3.1</h3>

<h3>SubSubtítulo 3.2</h3>

<h4>SubSubSubtítulo 3.2.1</h4>

<h2>Subtítulo 4</h2>

<h3>SubSubtítulo 4.1</h3>

<h3>SubSubtítulo 4.2</h3>