Comprobador de encabezados y texto alternativo
Compruebe la jerarquía de encabezados y el texto alternativo de las imágenes en una página, sin registro.
Herramienta
Esta herramienta descarga una vez desde nuestro servidor la dirección que introduce, extrae todos los encabezados de h1 a h6 en orden del documento y los muestra como un esquema con sangría; lista cada etiqueta img con su texto alternativo, los atributos width y height, la marca loading="lazy", si está dentro de un elemento picture y si tiene srcset. Arriba aparecen el número de encabezados, de h1, de imágenes, de imágenes sin atributo alt y de palabras del texto visible; debajo, los hallazgos y qué hacer en cada caso. La tabla de imágenes se puede copiar como CSV.
La jerarquía de encabezados importa a tres lectores: quien recorre la página con la vista distingue las secciones por sus encabezados, quien usa lector de pantalla salta por la página desde la lista de encabezados, y el buscador lee la organización del contenido en esa misma estructura. La herramienta señala por separado la falta de h1, más de un h1, los niveles saltados (h4 justo después de h2, por ejemplo), los encabezados vacíos y repetidos, los de más de 70 caracteres y un primer encabezado que no sea h1. Un único h1 no es obligatorio, pero es la opción habitual y segura; el estándar HTML permite varios, aunque un solo encabezado principal resulta más claro para lectores de pantalla y buscadores. El texto alternativo cuenta a quien no ve la imagen qué transmite y ayuda a la búsqueda de imágenes a entender el contenido; la herramienta marca como falta las imágenes sin ningún atributo alt, como decorativo el alt vacío, y como a revisar el alt de más de 125 caracteres o igual al nombre del archivo.
La herramienta solo lee el HTML que devuelve su servidor; los encabezados e imágenes añadidos en el navegador con JavaScript, las imágenes de fondo CSS y las galerías cargadas por script no se ven. No comprueba si las imágenes se cargan de verdad, ni su peso o compresión, y solo una persona puede juzgar si el texto alternativo se corresponde realmente con la imagen. El resultado se guarda 10 minutos en la memoria del servidor para la misma dirección y luego se borra; no se lee nada más que la dirección introducida.
Preguntas frecuentes
¿Usar más de un h1 es un error?
No, el estándar HTML permite varios h1 y Google ha indicado que eso por sí solo no es un problema de posicionamiento. Aun así, un único h1 deja más claro el tema principal para lectores de pantalla y buscadores; por eso un solo h1 es la opción habitual y segura.
¿Debo escribir texto alternativo en una imagen decorativa?
Dé a la imagen decorativa un alt vacío (alt=""), así el lector de pantalla la omite. No elimine el atributo por completo, porque algunos lectores de pantalla leen entonces el nombre del archivo. En una imagen informativa escriba una frase corta que diga qué muestra.
¿La herramienta ve los encabezados e imágenes creados con JavaScript?
No, solo se lee el primer HTML que devuelve el servidor. En páginas que construyen el contenido en el navegador con scripts, el esquema y la lista de imágenes pueden quedar incompletos; compare el resultado con la salida de «ver código fuente» de su navegador.
¿Por qué pide width y height?
El navegador calcula la proporción con esos dos valores y reserva el espacio antes de cargar la imagen, de modo que el contenido no se desplaza hacia abajo durante la carga. Con CSS puede seguir dimensionando la imagen de forma flexible; los atributos solo declaran la proporción.
