¿Qué formatos de imagen soporta la herramienta?

Puedes subir capturas de pantalla en formato PNG, JPEG o WEBP con un tamaño máximo de 15 MB.

¿Cuál es la diferencia entre los niveles WCAG AA y AAA?

El nivel AA requiere una relación de contraste de al menos 4.5:1 para texto normal, mientras que el nivel AAA es más estricto y exige una relación de 7:1.

¿Cómo funciona el análisis de HTML?

La herramienta inspecciona los pares de colores de primer plano y fondo definidos en línea (inline styles) y calcula su relación de contraste.

¿Qué son las sugerencias de parche (patch suggestions)?

Son recomendaciones automáticas de colores alternativos para el texto o el fondo que te ayudarán a alcanzar el contraste mínimo requerido.

¿Puedo analizar un sitio web completo con una URL?

No, actualmente la herramienta procesa capturas de pantalla estáticas o fragmentos de código HTML directo.

Elysia Tools

Navegación

Design

Generador de heatmap de accesibilidad

Genera un heatmap de accesibilidad enfocado en contraste desde una captura o HTML y sugiere colores de parche

Detalles

Qué te ayuda a hacer esta herramienta

Sube una captura o pega HTML con colores en linea. La herramienta genera un heatmap con zonas que probablemente fallen WCAG y, en HTML, sugiere colores de ajuste.

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Ejecuciones de ejemplo preparadas

Haz clic en un ejemplo para completar el formulario automáticamente. Los archivos aún deben subirse.

1 ejemplos

Generar un heatmap desde una captura con poco contraste

Marca zonas riesgosas y anade colores sugeridos para corregirlas.

{
  "type": "file",
  "filePath": "/public/samples/html/accessibility-heatmap-example-report.html"
}

Entradas

Completa los campos necesarios y ejecuta la herramienta.

4 opciones

ArchivosSube los archivos fuente para este flujo.1

Imagen de disenofileOpcional

Tamaño máximo por archivo: 15 MBTipos admitidos: image/png, image/jpeg, image/webp, .png, .jpg, .jpeg, .webp

ContenidoPega o escribe los valores principales.1

Entrada HTMLtextareaOpcional

AjustesAjusta formatos, rangos, números y modos.1

Nivel WCAGselectOpcional

InterruptoresActiva o desactiva comportamientos opcionales.1

Mostrar sugerenciascheckboxOpcionalActivado si está marcado

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Generador de heatmap de accesibilidad

Qué te ayuda a hacer esta herramienta

Ejecutar esta herramienta

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Ejecuciones de ejemplo preparadas

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Auditoría de contraste en un diseño de aplicación

2. Corrección de colores en componentes HTML

Preguntas frecuentes

Ejemplos de Procesamiento de Imágenes Web Python

Ejemplos de Procesamiento de Imágenes Android Java

Ejemplos de Procesamiento de Imágenes Android Kotlin

Ejemplos de Procesamiento de Imágenes Web Rust

Generador de Facturas PDF

Generador de Data URI

Generador de Mapa de Profundidad

Generador de Animación Parallax

Herramientas de auditoria de accesibilidad web y color accesible

Herramientas de conversion de formatos de imagen y exportacion animada

Herramientas de extracción, limpieza y exportación HTML a Markdown/PDF

Herramientas de limpieza, acabado y preparacion por lotes de imagenes