Texto del encabezado
Silktide comprueba que todos los encabezados de tus páginas contengan texto legible. Un encabezado vacío anuncia una sección que no existe y, a menudo, oculta contenido que estaba pensado como título.
En , los encabezados (<h1> a <h6>) describen
la estructura de una página. Los vacíos suelen aparecer cuando una plantilla del
renderiza un encabezado cuyo contenido nunca se rellenó, o cuando un encabezado
contiene solo una imagen sin .
<!-- Problema: un encabezado sin contenido -->
<h2> </h2>
<!-- Problema: la imagen no tiene texto alternativo, así que el encabezado no comunica nada -->
<h2><img src="press.png" alt=""></h2>
Por qué es importante
Las personas que usan suelen recorrer una página saltando de encabezado en encabezado. Un encabezado vacío se anuncia como "encabezado de nivel 2" sin nada después: una entrada muerta en el esquema de la página que rompe el ritmo de la navegación y deja a quien escucha preguntándose qué se ha perdido. Cuando el encabezado contiene una imagen sin etiqueta, las personas con visión ven un título que quienes usan nunca reciben.
Cómo solucionarlo
- Si el encabezado debería tener texto, añádelo en tu CMS o en el código.
- Si el encabezado contiene una imagen que actúa como título, añade a la imagen texto alternativo:
<!-- Solución: el texto alternativo de la imagen se convierte en el texto del encabezado -->
<h2><img src="press.png" alt="Notas de prensa"></h2>
- Si el encabezado no cumple ninguna función —por ejemplo, un hueco vacío de la plantilla o un encabezado usado solo para espaciado— elimina el elemento por completo. Usa CSS para el espaciado, no etiquetas vacías.
Cómo lo comprueba Silktide
- Encontrar cada elemento de encabezado (
<h1>a<h6>) en cada página. - Recopilar el texto de cada encabezado, incluido el texto alternativo de cualquier imagen en su interior.
- Informar de cada encabezado cuyo contenido no incluya letras ni números; por tanto, los encabezados que contienen solo espacios o signos de puntuación cuentan como vacíos.