Skip to content

Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →

Barrierefreiheit

¿Cómo deben formularse los encabezados y rótulos?

Los encabezados y rótulos deben nombrar tema y propósito: un encabezado dice de qué trata la sección siguiente, un rótulo de campo dice qué entrada se espera. Quien salta de encabezado en encabezado con un lector de pantalla decide solo por estas palabras si merece la pena seguir leyendo. El criterio WCAG 2.4.6 requiere por tanto redacciones significativas — «Precios y servicios» en lugar de «Sección 2».

Los encabezados son el índice del sitio

Los lectores de pantalla ofrecen un atajo a los usuarios ciegos: saltar de encabezado en encabezado, como se revisa rápidamente una tabla de contenidos. Esta lista solo funciona si cada encabezado está marcado como tal en el código — con niveles de H1 a H6, como capítulos y subcapítulos. Si el marcado salta de H1 directamente a H4, es como un libro donde después del capítulo 1 sigue inmediatamente la sección 1.1.1.1: el visitante se pregunta qué se ha perdido. Lo mismo ocurre con las tablas: solo si el encabezado está marcado como tal puede el lector de pantalla anunciar a cada número a qué columna pertenece. Google también usa esta estructura para entender sus contenidos.

Así verificamos los encabezados y rótulos

El lado técnico se verifica bien automáticamente y fluye a través de criterios relacionados en el informe: si hay encabezados, si los niveles se suceden limpiamente y si cada campo de formulario tiene un rótulo. La pregunta real de este criterio — ¿la redacción dice qué viene después — es una valoración de contenido: solo quien lo lee sabe si «Servicio» describe la sección siguiente. El informe de comprobación lo señala claramente: cada criterio WCAG aparece individualmente como aprobado, incumplido, a revisar manualmente o no automatizable. Ve qué se verificó, no solo qué falló.

Beispiele

Überschrift ohne Aussage

Verstoß
<h2>Mehr</h2>
<label>Eingabe <input></label>
Erfüllt
<h2>Kosten und Fristen</h2>
<label>Geburtsdatum (TT.MM.JJJJ) <input></label>

Überschrift und Beschriftung sagen, was folgt oder was ins Feld gehört.

  • Lea solo los encabezados de su página más importante de arriba hacia abajo — ¿forma esto el índice del sitio?
  • Reemplace los encabezados de relleno como «Más información» u «Otros» por el tema real de la sección.
  • Etiquete cada campo de formulario con un rótulo visible y permanente — el texto gris de ejemplo en el campo desaparece al escribir.
  • Agregue en campos con requisitos especiales el propósito directamente en el rótulo, por ejemplo «Número de teléfono (para consultas)».

Deutsche Fassung dieser Seite