empty-heading

Los encabezados no deben estar vacíos

manualconfianza: mediumgravedad: minoroperable

Comprueba que los elementos de encabezado (<h1>-<h6> o role="heading") tengan un nombre accesible no vacío.

Ámbito de aplicación. Se aplica a los elementos con rol de encabezado: <h1>-<h6> nativos, o cualquier elemento con role="heading" explícito (salvo que otro rol explícito lo sobrescriba).

Resultado esperado. El encabezado tiene un nombre accesible no vacío: aria-label, aria-labelledby, contenido de texto visible no oculto a la tecnología de asistencia, o (como último recurso) un atributo title. Un encabezado vacío se anuncia como "encabezado, nivel N" sin nada más, lo cual resulta confuso al navegar por encabezados.

Ejemplos

can't tell
<h2></h2>

El encabezado no tiene ningún nombre accesible: no hay nada que un lector de pantalla pueda anunciar.

n/a
<h2>Section title</h2>

El encabezado tiene contenido de texto visible.

Ver código fuente