Tres estados, no dos
Todas las imágenes de todas las páginas, con el detalle suficiente para distinguir un defecto de una decisión.
-
01
Una fila por imagen
Todos los elementos img de la página, con su origen, en el orden del documento. No se deduplica nada, así que un icono usado cuarenta veces aparece cuarenta veces, que suele ser justo el punto.
-
02
Ausente, vacío o presente
No tener atributo alt es un defecto. Tenerlo vacío es una declaración deliberada de que la imagen no aporta significado. Presente es presente. Tres columnas, tres conversaciones distintas.
-
03
El propio texto alternativo
No solo si existe. Te llevas la cadena, así que IMG_4021.jpg y “imagen” aparecen por lo que son en lugar de contar como aprobado.
-
04
Veinticinco páginas en una tabla
Ordena por la columna alt y todos los huecos de una sección entera de la web se alinean juntos, que es la única forma de que este trabajo se termine alguna vez.
Cinco cosas que revela la columna
Accesibilidad primero, búsqueda de imágenes después. En ese orden, porque ese es el orden en que están la ley y el usuario.
-
Ningún atributo alt
Un lector de pantalla recurre a leer el nombre del archivo, que es como un visitante acaba escuchando “hero guion bajo v dos final punto jpeg”.
-
Un alt vacío en una imagen con significado
El falso positivo más común. El atributo está, un comprobador lo da por bueno, y un gráfico que carga con todo el argumento de la página se anuncia como nada.
-
El nombre del archivo como texto alternativo
IMG_4021.jpg en el atributo alt es no tener texto alternativo con pasos extra. También es lo más fácil de encontrar de esta lista: ordena la columna.
-
Texto alternativo que repite el pie de foto
Un lector de pantalla lee los dos, uno detrás de otro. Dilo una vez, en el que de los dos también reciba quien ve la página.
-
Imágenes decorativas descritas al detalle
Separadores, florituras de esquina y gráficos de relleno con una frase pegada son ruido. Un atributo alt vacío es la respuesta correcta para esos, y es una respuesta de verdad, no un atajo.
Lo que no te va a decir
Mejor dicho aquí que descubierto después.
-
01
Si el texto alternativo es bueno
Puede decirte que el atributo está y enseñarte la frase. Si esa frase describe la imagen es un juicio, y ninguna herramienta lo hace con honestidad.
-
02
Las imágenes de fondo en CSS son invisibles
Un elemento img se lee. Un background-image en una hoja de estilos no es una imagen para esta herramienta, ni tampoco para un lector de pantalla.
-
03
Las imágenes con carga diferida pueden no aparecer
Si el origen real vive en un atributo data hasta que un script lo cambia, la fila puede mostrar un src vacío o de marcador. Aquí solo llega HTML estático.
-
04
Veinticinco URL por ejecución
Corre en una pestaña del navegador. Para una web con muchas imágenes de cualquier tamaño vas a querer un crawler de escritorio.
Preguntas razonables
¿Qué diferencia hay entre un alt ausente y uno vacío?
Un atributo ausente significa que nadie decidió. Uno vacío significa que alguien decidió que la imagen es decorativa y que la tecnología de asistencia debe saltársela. Lo primero es un fallo; lo segundo es marcado correcto, y una herramienta que los reporta como lo mismo no ayuda en ninguna de las dos direcciones.
¿El texto alternativo afecta al SEO o solo a la accesibilidad?
A los dos, de forma desigual. Es un requisito real de accesibilidad bajo las WCAG, y es la principal señal de texto que tiene un buscador para una imagen. Toma la accesibilidad como el motivo y la búsqueda de imágenes como el efecto secundario.
¿Toda imagen debería llevar texto alternativo?
Toda imagen necesita un atributo alt. No toda imagen necesita palabras dentro. Un gráfico puramente decorativo lleva uno vacío, para que la tecnología de asistencia pase de largo sin comentarlo.
¿Por qué falta una imagen en la tabla?
Casi siempre por carga diferida o por un script que inserta la imagen después de que la página haya cargado. Esto lee el HTML que envió el servidor, y en ese momento la imagen no estaba ahí.
Las imágenes son una pestaña del comprobador
La misma ejecución devuelve además títulos, meta descriptions, encabezados, recuentos de palabras, enlaces y datos estructurados. Es una herramienta con siete tablas y siete exportaciones CSV, no siete herramientas distintas que tengas que pasar una detrás de otra.
Otras comprobaciones que hace la misma herramienta: Comprobador SEO masivo, Comprobar meta etiquetas, Comprobar encabezados, Contar palabras, Comprobar canonical, Comprobar Open Graph, Comprobar schema