Los usuarios de lectores de pantalla navegan por encabezados, enlaces y etiquetas, no por la vista. Una página sin texto alternativo, que salta niveles de encabezado o no etiqueta nada es un laberinto para ellos, por bonita que se vea. Este verificador gratuito revisa HTML pegado contra siete verificaciones que más importan, y puntúa el resultado. Sin registro.
Qué hace esta herramienta
Los lectores de pantalla convierten una página en un esquema hablado. Los encabezados se vuelven el índice, el texto de enlace se vuelve la navegación, y el texto alternativo se vuelve las imágenes. Cuando algo de eso falta o es vago, el esquema se rompe, y el estudiante debe adivinar su camino por contenido que sus compañeros hojean.
Las siete verificaciones aquí cubren los fallos que aparecen más a menudo en páginas de cursos: sin idioma de página, sin título, encabezados principales faltantes o múltiples, imágenes sin texto alternativo, entradas sin etiqueta, niveles de encabezado saltados, y texto de enlace que no dice nada fuera de contexto.
Las verificaciones automáticas son un piso, no un techo. Una página puede aprobar las siete y aún confundir a un lector de pantalla por mal orden de lectura o tablas densas. Aprobar aquí significa lista para pruebas humanas, no terminada.
Cómo usarla
- Pega el HTML de tu página o folleto.
- Pulsa verificar HTML.
- Corrige cada verificación fallida, empezando por texto alternativo y orden de encabezados.
- Pega de nuevo y verifica hasta que el puntaje marque el máximo.
Pega HTML de página completa cuando puedas. Fragmentos sin etiquetas html, head o title fallarán las verificaciones de idioma y título aunque el contenido mismo esté bien.
Ejemplo resuelto
Una página con lang=”es”, título, un h1, una imagen con texto alternativo y encabezados limpios aprueba 7/7. La docente publica sabiendo que el esquema hablado funciona.
Quita el texto alternativo de la imagen, y la verificación de imagen falla mientras el resto aprueba. La corrección es un atributo: alt=”Diagrama del ciclo del agua”, y el puntaje vuelve al máximo.
Una página que salta de h1 a h3 falla la verificación de orden. La corrección es renumerar el h3 a h2, lo que también mejora el esquema visual para lectores videntes. Las correcciones de accesibilidad suelen mejorar la página para todos.
Límites honestos
Esta herramienta lee patrones de marcado, no comportamiento real de lectores de pantalla. El contenido dinámico, el mal uso de ARIA, el orden de foco y las trampas de teclado necesitan pruebas manuales con un lector de pantalla real y navegación solo por teclado.
Consejos
Escribe texto de enlace que tenga sentido solo: “Lectura semana 3” supera a “haz clic aquí” siempre, porque los usuarios de lectores de pantalla suelen tabular por enlaces sin las frases alrededor.
Errores comunes
El error clásico es añadir texto alternativo que repite la leyenda palabra por palabra, o rellenarlo con palabras clave. El texto alternativo debe decir qué muestra la imagen que el texto no dice, breve y claramente.
Cómo encaja en tu semana
Verifica páginas del curso cuando se construyen, antes de que los estudiantes las encuentren. Una verificación por página durante la autoría evita el atraso que hace que la accesibilidad se sienta abrumadora.
Una página que funciona con lector de pantalla funciona mejor para todos: encabezados más claros, enlaces con sentido, controles etiquetados e imágenes con propósito. El verificador convierte esos principios en un puntaje sobre el que puedes actuar, una verificación a la vez. Pega el HTML, corrige los fallos, verifica de nuevo, y publica páginas cuyo esquema hablado iguale su promesa visual. Los estudiantes que navegan por oído merecen la misma claridad que los videntes obtienen de un vistazo, y siete verificaciones son un precio pequeño por esa igualdad.
Preguntas frecuentes
¿Un puntaje 7/7 garantiza accesibilidad?
No. Significa que las barreras comunes de marcado están ausentes. La accesibilidad real también necesita pruebas de teclado, de lector de pantalla y revisión de contenido, que ninguna verificación automática reemplaza.
¿Qué texto alternativo deben tener las imágenes decorativas?
Texto alternativo vacío (alt=””) para que los lectores de pantalla las omitan. Las imágenes decorativas añaden ruido al anunciarse, y el silencio es la descripción correcta para la decoración.
Herramientas relacionadas
English version: Screen-Reader Compatibility Verifier · Verificador de Precisión de Subtítulos – Subtítulos contra Transcripción Gratis · Editor de Guiones de Audiodescripción – Formato y Revisión Gratis · Herramientas Gratis en Español.
Inserta esta herramienta en tu web — gratis
Copia el código de abajo para añadir esta herramienta funcional a tu propia página. Solo pedimos que mantengas el pequeño enlace de crédito que la acompaña.