Saltar al contenido

Comprobador de accesibilidad

Respuesta breve

Comprueba la página renderizada con las reglas WCAG 2.1 A y AA que se pueden verificar automáticamente, incluido el contraste de color. Cada problema enlaza su criterio WCAG y el requisito de la Ley Europea de Accesibilidad.

Gratis · Sin registro · Se ejecuta en tu navegador

Comprueba la página renderizada frente a las reglas de nivel A y AA de WCAG 2.1 que el software puede verificar.

Se ejecuta en tu navegador. Para una URL, RankProof obtiene el HTML de la página; tu navegador carga después sus estilos e imágenes desde el sitio para medir el contraste y el diseño. Los scripts propios de la página no se ejecutan.

Qué hace

Renderiza la página en tu navegador y la comprueba contra las reglas de Nivel A y AA de WCAG 2.1 que el software puede verificar: el contraste de color del texto renderizado, los nombres de botones, enlaces y campos de formulario, los textos alternativos de las imágenes, los encabezados y puntos de referencia, el uso de ARIA y el idioma de la página, entre otras. Cada incidencia se clasifica por impacto, muestra los elementos afectados y qué corregir, y enlaza con el criterio de conformidad de WCAG y el requisito del Anexo I de la Ley Europea de Accesibilidad (Directiva 2019/882) con el que se relaciona. Las comprobaciones que requieren una persona se enumeran por separado.

Por qué importa

La Ley Europea de Accesibilidad es aplicable desde el 28 de junio de 2025 a muchos productos y servicios digitales que se venden en la UE, y cada estado miembro establece y aplica sus propias sanciones. Más allá de la ley, los problemas de accesibilidad excluyen a visitantes reales. Una comprobación automatizada es la forma más rápida de encontrar los fallos evidentes antes de una revisión manual.

Cómo funciona

  1. Introduce la URL de una página, o pega el HTML de la página

  2. RankProof obtiene el HTML; tu navegador lo renderiza con los estilos e imágenes propios del sitio, sin ejecutar los scripts de la página

  3. Un motor de reglas de código abierto comprueba la página renderizada contra las reglas WCAG 2.1 A y AA

  4. Las incidencias se devuelven por impacto, con los elementos afectados, qué corregir y las referencias a WCAG y a la EAA

Ejemplo de entrada y salida

ENTRADA
url: https://rankproof.eu
SALIDA
Escaneo de accesibilidad (reglas WCAG 2.1 A y AA):

3 incidencias en 7 elementos · Crítica 1 · Grave 2

Crítica  Las imágenes deben tener texto alternativo                    1 elemento
         WCAG 1.1.1 · EAA I.2.e
Grave    Los elementos deben cumplir con el contraste de color mínimo  5 elementos
         WCAG 1.4.3 · EAA I.2.c
Grave    Los elementos de formulario deben tener etiquetas             1 elemento
         WCAG 4.1.2 · EAA I.2.n

Reglas superadas: 32 · Necesita revisión de una persona: 3

Quién lo usa

  • Propietario de negocio en la UE

    Realiza una comprobación de referencia ahora que la EAA es aplicable, y averigua qué fallos de WCAG corregir primero.

  • Consultor de accesibilidad

    Obtén una primera revisión rápida de la página de un cliente, con las incidencias agrupadas por impacto y vinculadas a los requisitos de la EAA, antes de la revisión manual.

  • Desarrollador web

    Vuelve a ejecutar la comprobación en las páginas de preproducción antes de cada lanzamiento para detectar regresiones de accesibilidad antes de que lleguen a producción.

Preguntas frecuentes

¿Qué es WCAG 2.1?

Las Pautas de Accesibilidad para el Contenido Web 2.1 (WCAG 2.1) son el estándar del W3C para la accesibilidad web. En la UE, la norma armonizada EN 301 549 v3.2.1 aplica el Nivel AA de WCAG 2.1 al contenido web, razón por la cual este comprobador utiliza las reglas de Nivel A y AA de la versión 2.1.

¿Qué es la Ley Europea de Accesibilidad?

La Directiva (UE) 2019/882 establece requisitos de accesibilidad para muchos productos y servicios que se venden en la UE, incluidos el comercio electrónico, la banca y los libros electrónicos. Es aplicable desde el 28 de junio de 2025.

¿Qué se le escapa a la comprobación automatizada?

Mucho. Las reglas automatizadas solo detectan parte de los problemas: si el texto alternativo tiene sentido, si el orden de lectura es coherente, si los subtítulos son precisos. El informe enumera los elementos que requieren una persona, y la página de requisitos de la EAA tiene una lista de comprobaciones manuales. Considera el escaneo como el primer paso, y después haz pruebas con un teclado y un lector de pantalla.

¿Comprueba el contraste de color?

Sí, para el texto sobre fondos sólidos en la página renderizada. El texto sobre imágenes o degradados no se puede medir automáticamente y se marca como pendiente de comprobación manual. Para un único par de colores, usa el Comprobador de Contraste de Color.

¿Funciona en sitios creados con JavaScript?

Solo en parte. Los scripts de la página no se ejecutan, por lo que el contenido que JavaScript añade después de la carga no aparece en el escaneo. El informe te avisa cuando una página se renderiza con casi ningún texto.

¿Cuál es la diferencia entre WCAG 2.1 y 2.2?

WCAG 2.2 añade nueve criterios de conformidad a la versión 2.1 y elimina uno (4.1.1 Procesamiento). Los nuevos criterios de Nivel AA incluyen Foco No Oculto (2.4.11), Movimientos de Arrastre (2.5.7), Tamaño del Objetivo (2.5.8) y Autenticación Accesible (3.3.8). El contenido web de la UE se mide contra WCAG 2.1 AA a través de la norma EN 301 549 v3.2.1.