Saltar al contenido
Totalmente local

Verificador de accesibilidad HTML

Escanea un fragmento HTML para detectar problemas que impiden que lectores de pantalla y usuarios que navegan con teclado accedan a él.

Entrada
Salida

Verificador de accesibilidad HTML

Pega un fragmento HTML y esta herramienta lo escanea en busca de los problemas que comúnmente impiden que los lectores de pantalla, los usuarios que navegan con teclado y otras tecnologías de asistencia accedan a él. Cada hallazgo se informa con un número de línea y una explicación en lenguaje claro, para que puedas corregirlo sin consultar un documento WCAG separado. Se dirige al fragmento que realmente tienes a mano — un componente, una plantilla de correo electrónico, un bloque CMS — no a una página completa.

Los análisis son opciones que puedes activar y desactivar individualmente: imágenes sin texto alternativo (y alt vacío en imágenes que son el único contenido de un enlace o botón), niveles de encabezado que saltan un nivel o no comienzan en h1, botones y enlaces sin texto visible o aria-label, campos de formulario sin etiqueta asociada, texto de enlace genérico como "haz clic aquí", tablas sin celdas de encabezado, un documento sin atributo lang, e identificadores id duplicados. Un filtro de gravedad reduce la lista a advertencias y errores, o solo errores, una vez que los problemas menores se triaguan.

El verificador lee solo el marcado sin procesar — etiquetas y atributos, no estilos calculados ni diseño renderizado — por lo que no detectará un problema de contraste o un orden de enfoque que solo aparece una vez que se aplica CSS (combínalo con el verificador de contraste para eso). El análisis es de mejor esfuerzo: tolera HTML malformado o incompleto en lugar de rehusarse a ejecutarse, ya que un fragmento pegado rara vez tiene una etiqueta de cierre para todo.

Todo sucede localmente en tu navegador. El fragmento que pegas — que podría provenir de una página no lanzada, una herramienta interna o un proyecto de cliente — nunca se carga ni se envía a un servidor. Copia el informe, descárgalo como archivo .txt o devuelve el fragmento a la entrada después de hacer cambios para volver a escanearlo.

Preguntas frecuentes

¿Sustituye esto una auditoría de accesibilidad completa?
No. Detecta problemas comunes y detectables mecánicamente en el marcado que pegas — texto alt faltante, orden de encabezados, campos sin etiquetar y similares — pero una auditoría completa también cubre contraste de color, orden de enfoque de teclado, pruebas de lector de pantalla y diseño renderizado, que requieren una página en vivo para verificar.
¿Por qué a veces se marca una imagen con alt="" ?
Un alt vacío es correcto para una imagen puramente decorativa. Solo se marca cuando la imagen es el único contenido de un enlace o botón (dejando ese control sin nombre accesible) o cuando tiene un atributo title no vacío, lo que sugiere que está transmitiendo información después de todo.
¿Qué cuenta como un "identificador duplicado"?
Cualquier valor de atributo id que aparezca en más de un elemento en el fragmento. Los ids duplicados rompen las asociaciones de etiquetas, las referencias aria-labelledby y los enlaces en la página, ya que solo se usa la primera coincidencia.
¿Puedo verificar solo una categoría de problema?
Sí. Cada verificación — imágenes, encabezados, elementos interactivos, formularios, texto de enlace, tablas, idioma e ids duplicados — tiene su propio interruptor, y un filtro de gravedad reduce aún más los resultados.
¿Se carga mi HTML en algún lugar?
No. El fragmento se analiza y verifica completamente en tu navegador usando JavaScript; nunca se envía a un servidor.