Verificador de Accesibilidad Gratis

Comprueba el cumplimiento de accesibilidad del sitio web con los estándares WCAG y obtén sugerencias de corrección prácticas. Gratis, rápido y funciona totalmente en tu navegador sin necesidad de registro.

Actualizado

Share:
Home/Website Tools/Accessibility Checker

Accessibility Checker

Paste HTML code to analyze accessibility compliance with WCAG guidelines. Client-side analysis - no data sent to any server.

HTML Accessibility Analyzer

Paste your HTML code above. The analysis runs entirely in your browser.

About This Tool

This accessibility checker analyzes HTML code client-side for common WCAG violations. Paste your HTML and get instant feedback on issues across seven categories.

Checks Performed:

Missing alt text on images
Missing form labels
Empty or vague links
Heading hierarchy issues
Missing ARIA roles
Color contrast hints
Missing lang, title, main
Empty buttons, viewport
  • WCAG Level A: Minimum accessibility requirements
  • WCAG Level AA: Recommended standard (most legal requirements)
  • WCAG Level AAA: Highest level of accessibility

This tool performs static analysis via regex and heuristics. For comprehensive testing, also use browser devtools, screen readers, and tools like axe-core or Lighthouse.

Preguntas Frecuentes

¿Qué es el Verificador de Accesibilidad?

El Verificador de Accesibilidad es una herramienta en línea gratuita que evalúa tu sitio web según las pautas de accesibilidad WCAG e identifica los problemas para los usuarios con discapacidades.

¿Es gratis el Verificador de Accesibilidad?

Sí, es completamente gratis y no requiere registro.

¿Qué estándares comprueba?

El Verificador de Accesibilidad realiza pruebas según las pautas WCAG 2.1, que abarcan la perceptibilidad, la operabilidad, la comprensibilidad y la robustez de tu contenido web.

¿Están seguros mis datos con esta herramienta?

Por supuesto. El Verificador de Accesibilidad procesa todo en el lado del cliente, dentro de tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

¿Funciona el Verificador de Accesibilidad en dispositivos móviles?

Sí, el Verificador de Accesibilidad es totalmente adaptable y funciona en smartphones y tablets. Puedes usarlo en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna aplicación.

¿Necesito crear una cuenta para usar esta herramienta?

No se necesita ninguna cuenta ni registro. Simplemente abre el Verificador de Accesibilidad en tu navegador y empieza a usarlo de inmediato. No hay barreras de registro ni restricciones de uso.

¿Cómo uso el Verificador de Accesibilidad?

Solo tienes que introducir tu información en el campo correspondiente, ajustar las opciones a tu gusto y la herramienta la procesará al instante. Después puedes copiar el resultado al portapapeles o descargarlo.

¿Qué navegadores son compatibles?

El Verificador de Accesibilidad funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

¿Cuál es la diferencia entre un error y una advertencia de accesibilidad en los resultados?

Un error marca un problema que casi con certeza bloquea a alguien que usa tecnología de asistencia, como una imagen sin atributo alt, un campo de formulario sin una etiqueta asociada o un título de página faltante. Estos violan un criterio de éxito de WCAG específico y tienen el mayor peso en tu puntuación. Una advertencia señala algo que podría ser un problema pero requiere criterio humano: un alt vacío que podría ser intencional en una imagen decorativa, o colores de texto y fondo en línea cuya relación de contraste todavía necesitas verificar. Las notas informativas destacan buenas prácticas, como agregar un enlace de salto de navegación. Como una calificación A requiere tanto una puntuación alta como cero errores, corregir cada error debería ser tu prioridad principal. Pega tu HTML para ver cada hallazgo ordenado por gravedad, con una recomendación y un ejemplo de código listo para copiar.

¿Por qué el verificador marca un encabezado aunque mi página tenga un h1?

La auditoría revisa la estructura de los encabezados, no solo si existe un encabezado. Marca los niveles saltados —por ejemplo, pasar directamente de un h2 a un h4— porque los usuarios de lectores de pantalla dependen de un esquema de encabezados lógico para navegar, y un salto sugiere que falta un nivel de sección. También reporta encabezados vacíos sin texto y páginas sin ningún encabezado. Esto se relaciona con WCAG 1.3.1, que exige que la estructura transmitida visualmente también esté disponible programáticamente. Los encabezados deben descender un nivel a la vez y describir el contenido que sigue, en lugar de elegirse por su tamaño visual, que se controla con CSS. Mantener un esquema limpio también ayuda al SEO, ya que los motores de búsqueda leen la misma jerarquía. Pega tu markup y abre la pestaña de Encabezados para ver exactamente qué niveles están saltados o vacíos.

¿Qué tan preciso es un verificador de accesibilidad automatizado para encontrar todos los problemas?

Las herramientas automatizadas detectan de forma confiable los problemas estructurales y a nivel de atributos —atributos alt faltantes, campos de formulario sin etiqueta, landmarks ausentes, un atributo lang faltante, texto de enlace vago— que en conjunto representan una gran parte de los fallos reales de accesibilidad. Este verificador usa coincidencia de patrones sobre el HTML que pegas, por lo que es rápido y privado, pero no puede juzgar el significado. No puede saber si tu texto alternativo realmente describe la imagen, si el orden de lectura tiene sentido, ni medir el contraste de color renderizado en una página en vivo, razón por la cual los hallazgos de color son advertencias que te piden verificar. Ninguna herramienta automatizada detecta todos los problemas; los estudios en general les atribuyen encontrar solo una parte de las barreras de accesibilidad. Considera un resultado limpio como un buen primer paso, y luego confírmalo con un lector de pantalla, pruebas solo con teclado y una herramienta en tiempo de ejecución como axe o Lighthouse. Ejecuta tu markup aquí primero para resolver los problemas estructurales.

¿Puedo verificar la accesibilidad de un archivo HTML antes de que se publique?

Sí, y precisamente para eso está diseñada esta herramienta. En lugar de rastrear una URL publicada, analiza un fragmento de HTML que pegas directamente, para que puedas auditar markup en staging, una plantilla interna o un componente que aún no has desplegado. Como todo el análisis se ejecuta en tu navegador, nada de lo que pegues sale de tu dispositivo, lo que lo hace seguro para código sin publicar. Para usarlo, copia el HTML renderizado desde tu editor o las herramientas de desarrollo del navegador, pégalo en el campo de entrada y ejecuta la auditoría. Obtendrás una puntuación general, una calificación de letra y hallazgos agrupados en siete categorías —Imágenes, Formularios, Enlaces, Encabezados, ARIA, Color y Estructura— cada una vinculada a un criterio WCAG. Esto te permite detectar problemas durante el desarrollo en lugar de después del lanzamiento. Carga primero el ejemplo incorporado para ver el tipo de problemas que detecta, y luego pega tu propio HTML.

¿Cómo se calcula la puntuación de accesibilidad y la calificación de letra?

Al finalizar la auditoría obtienes una puntuación general de 0 a 100 y una calificación de letra de A a F, junto con el conteo de errores, advertencias y notas informativas, además de cuántas verificaciones se superaron. Los errores tienen el mayor peso porque representan barreras confirmadas, así que un solo atributo alt faltante o un campo sin etiqueta reduce la puntuación más que una advertencia. La calificación refleja tanto la puntuación como el número de errores: una A requiere una puntuación alta y cero errores, lo que significa que no puedes obtener la mejor calificación mientras quede algún problema bloqueante. Este diseño te impulsa a resolver fallos reales en lugar de perseguir un número. Puedes filtrar los hallazgos por gravedad o saltar entre las pestañas de categoría, y el botón Exportar Informe descarga un resumen en texto plano para adjuntar a un ticket. Pega tu HTML para ver tu puntuación actual y exactamente qué correcciones la aumentarán.

Acerca del Verificador de Accesibilidad

El Verificador de Accesibilidad es una herramienta gratuita que analiza HTML en busca de problemas de accesibilidad comunes y te indica cómo corregirlos. Pega un fragmento de código, ejecuta la auditoría y la herramienta reporta los problemas agrupados en siete categorías, cada una vinculada a un criterio de éxito de WCAG específico y acompañada de una solución sugerida y un ejemplo de código. Está pensada para desarrolladores front-end, equipos de contenido y testers de QA que quieren una verificación rápida antes de publicar una página, así como para cualquiera que quiera aprender qué hace que el contenido web sea utilizable para personas que dependen de lectores de pantalla, navegación por teclado o pantallas de alto contraste.

A diferencia de los rastreadores que analizan una URL en vivo, este verificador trabaja sobre el HTML que pegas directamente. Todo el análisis se ejecuta en tu navegador mediante coincidencia de patrones y heurísticas, por lo que nada de lo que pegues se sube a un servidor. Esto lo hace seguro para markup en staging, plantillas internas o código que aún no has publicado. No requiere registro ni instalación.

Qué revisa

La auditoría busca los problemas que representan la gran mayoría de los fallos de accesibilidad reales, organizados en siete categorías:

  • Imágenes — etiquetas <img> sin atributo alt (un error) o con un alt vacío que podría no ser intencional (una advertencia).
  • Formularios — campos de entrada, menús <select> y campos <textarea> sin un <label>, aria-label o aria-labelledby asociado.
  • Enlaces — enlaces sin texto ni nombre accesible, además de textos de enlace vagos como "haz clic aquí" o "leer más" que no dan ninguna pista sobre el destino.
  • Encabezados — niveles de encabezado saltados (por ejemplo, pasar de h2 a h4), encabezados vacíos y encabezados de página faltantes.
  • ARIA — botones vacíos y elementos interactivos <div> o <span> con un onclick pero sin rol ni tabindex, a los que los usuarios de teclado no pueden acceder.
  • Color — estilos en línea que definen colores de texto y fondo, marcados para que puedas verificar que la relación de contraste cumple con el requisito.
  • Estructura — un atributo lang faltante, ausencia de <title>, ningún landmark <main>, ningún enlace de salto de navegación, y etiquetas de viewport que bloquean el zoom.

Cada hallazgo cita el criterio WCAG correspondiente — por ejemplo, WCAG 1.1.1 para el texto alternativo de imágenes o WCAG 2.4.4 para el propósito del enlace — para que puedas rastrearlo hasta el estándar.

Qué te dicen los resultados

Al finalizar la auditoría obtienes una puntuación general de 0 a 100 y una calificación de letra de A a F, junto con el conteo de errores, advertencias y notas informativas, y cuántas verificaciones se superaron. Los errores tienen el mayor peso en la puntuación; obtener una calificación A requiere tanto una puntuación alta como cero errores. Puedes filtrar los hallazgos por gravedad o saltar entre las pestañas de categoría, y cada problema se puede expandir para mostrar una recomendación junto con un ejemplo de código listo para copiar. Cuando termines, el botón Exportar Informe descarga un resumen en texto plano de cada problema que puedes adjuntar a un ticket o compartir con tu equipo.

Por qué importa la accesibilidad

Aproximadamente una de cada seis personas en el mundo vive con una discapacidad significativa, y un markup accesible es lo que permite que la tecnología de asistencia les presente tu contenido. También es una exigencia legal en muchos lugares: WCAG 2.1 nivel AA es el estándar de referencia citado por regulaciones como la ADA y la Ley Europea de Accesibilidad. Las mismas correcciones tienden a beneficiar a todos: un texto de enlace descriptivo y un esquema de encabezados claro mejoran la usabilidad y el SEO, y las relaciones de contraste mínimas de 4.5:1 para texto normal y 3:1 para texto grande mantienen las páginas legibles bajo luz solar intensa o en pantallas antiguas.

Úsalo como primer paso, no como la última palabra

Este verificador realiza un análisis estático con expresiones regulares, por lo que detecta rápidamente problemas estructurales y a nivel de atributos, pero no puede juzgar si tu texto alternativo tiene sentido ni medir el contraste de color realmente renderizado. Considera un resultado limpio como un excelente punto de partida, y luego confírmalo con un lector de pantalla, pruebas solo con teclado y una herramienta en tiempo de ejecución como axe o Lighthouse antes de declarar una página accesible. Carga el ejemplo incorporado para ver el tipo de problemas que detecta, y luego pega tu propio HTML para comenzar.