Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G130Escribir encabezados que describan su sección

Nombre oficial en el W3C: Proporcionar encabezados descriptivos

En pocas palabras

Cada encabezado debe decir de qué trata la parte de la página que viene debajo. Leídos seguidos, los encabezados deben servir como un índice del contenido. Conviene poner la palabra clave al principio, para que se distingan con un vistazo.

Por qué es importante

Mucha gente no lee la página entera: busca con la vista el encabezado que le interesa. Quien usa lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) salta de encabezado en encabezado o pide una lista de ellos.

Encabezados como «Información» o «Más datos» no sirven para nada de esto. Los descriptivos ayudan a todos, y sobre todo a personas con discapacidad cognitiva o con poca atención.

Cómo se hace

  1. Escriba encabezados que digan el tema concreto de la sección: «Requisitos para pedir la ayuda», no «Información».
  2. Ponga al principio la palabra que diferencia cada encabezado: «Inundaciones: cómo prepararse», «Incendios: cómo prepararse».
  3. Evite encabezados repetidos o casi iguales en la misma página.
  4. Sea breve: el encabezado nombra la sección, no la resume.
  5. Recuerde que esta técnica trata del texto. Marcar los encabezados con h1 a h6 es otra técnica distinta.

Cómo comprobarlo

  1. Saque la lista de encabezados de la página. Puede usar una extensión como HeadingsMap o la lista de encabezados del lector de pantalla.
  2. Léala sin mirar el contenido: debe entenderse de qué trata cada sección.
  3. Compruebe que cada encabezado corresponde de verdad al contenido que tiene debajo.
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica G130 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Todas las tecnologías.

Descripción

El objetivo de esta técnica es que los encabezados de sección del contenido web sean descriptivos. Los encabezados y los títulos descriptivos (véase Proporcionar títulos descriptivos para las páginas web) actúan conjuntamente para ofrecer a los usuarios una visión general del contenido y de su organización. Los encabezados descriptivos identifican las secciones del contenido en relación tanto con la página web en su conjunto como con las demás secciones de la misma página web.

Los encabezados descriptivos ayudan a los usuarios a encontrar contenido concreto y a orientarse dentro de la página web.

Los autores también pueden plantearse colocar la información más importante al principio de cada encabezado. Esto ayuda a los usuarios a «hojear» los encabezados para localizar el contenido concreto que necesitan, y resulta especialmente útil cuando los navegadores o las tecnologías de asistencia permiten navegar de encabezado en encabezado.

Ejemplos

Una página HTML que describe el conjunto de tareas para prepararse ante una catástrofe

<h1>Disaster preparation</h1>
<h2>Flood preparation</h2>
<h2>Fire preparation</h2>

Obsérvese que los encabezados de nivel 2 llevan la información distintiva al principio (es decir, en lugar de «Preparation for floods» («Preparación para inundaciones»), «Preparation for fires» («Preparación para incendios»), etc.).

Un artículo

Un breve artículo sobre la historia de una localidad que explica su fundación y expansión y después profundiza en su situación actual. El título de la página web es «Historia de Villanuestra». La primera sección se titula «La fundación de Villanuestra». La segunda sección se titula «Expansión de Villanuestra». La tercera sección se titula «Villanuestra hoy» y tiene las siguientes subsecciones: «Las personas de Villanuestra», «Las organizaciones de Villanuestra» y «Los edificios de Villanuestra».

Pruebas

Procedimiento

  1. Determinar si la página web contiene encabezados.
  2. Comprobar que cada encabezado identifica su sección del contenido.

Resultados esperados

  • La comprobación n.º 2 es verdadera.

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica G130 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.