# Verificador de accesibilidad Detecta problemas comunes de WCAG 2.1 en HTML, paginas o imagenes de diseno y devuelve sugerencias accionables > Página canónica: https://elysiatools.com/es/tools/accessibility-checker - **Categoría:** Validation - **Palabras clave:** accesibilidad, wcag, contraste, alt, teclado, a11y ## Descripción general Verificador de accesibilidad que analiza fragmentos HTML, URLs de páginas o imágenes de diseño para detectar incumplimientos de WCAG 2.1. Identifica problemas como botones vacíos, imágenes sin atributo alt, campos de formulario sin etiquetas y riesgos de contraste, generando un informe HTML con correcciones aplicables. ## Entradas - **Entrada HTML** (textarea) - **URL de pagina** (text): https://example.com - **Imagen de diseno** (file) - **Nivel WCAG** (select) ## Cuándo usarlo - Antes de publicar una landing page para validar que los botones e imágenes cumplen con los criterios de accesibilidad. - Al revisar maquetas de diseño para detectar problemas de contraste de color antes de pasar a desarrollo. - Durante auditorías de código para identificar rápidamente elementos interactivos sin etiquetas descriptivas. ## Cómo funciona - Pega el código HTML, introduce una URL o sube una imagen de diseño según el tipo de análisis que necesites. - Selecciona el nivel de conformidad WCAG (AA o AAA) para ajustar la rigurosidad de la evaluación. - El sistema ejecuta heurísticas de accesibilidad para detectar violaciones de contraste, navegación por teclado y semántica. - Recibe un informe HTML detallado con los problemas encontrados y sugerencias específicas para corregirlos. ## Casos de uso - Validación de componentes HTML antes de su integración en el repositorio. - Auditoría de contraste en paletas de color de maquetas gráficas. - Revisión de formularios y navegación por teclado en páginas web publicadas. ## Preguntas frecuentes ### ¿Qué formatos de imagen admite el verificador? Acepta PNG, JPEG, WebP y SVG para análisis de contraste y elementos visuales. ### ¿Puedo analizar una página web completa? Sí, introduciendo la URL directamente en el campo correspondiente. ### ¿Cuál es la diferencia entre nivel AA y AAA? El nivel AA es el estándar mínimo recomendado, mientras que AAA exige requisitos más estrictos de contraste y navegación. ### ¿Detecta automáticamente el texto alternativo faltante? Sí, identifica imágenes sin atributo alt y botones vacíos que carecen de texto accesible. ### ¿El informe indica cómo solucionar los errores? Sí, devuelve sugerencias accionables para cada problema detectado, incluyendo código HTML corregido cuando aplica. ## Herramientas relacionadas - [Generador de Data URI](https://elysiatools.com/es/tools/data-uri-generator): Convierte archivos en Data URIs (Base64 o porcentaje-codificado) para incrustar imágenes, fuentes y recursos directamente en HTML, CSS o Markdown - [Fragmentos de Encabezado/Pie PDF](https://elysiatools.com/es/tools/pdf-header-footer-snippets): Convierte HTML a PDF e inserta fragmentos de logo, título y fecha - [Herramienta de Opacidad de Marca de Agua](https://elysiatools.com/es/tools/image-watermark-opacity): Añade marcas de agua con opacidad personalizada a las imágenes, soportando marcas de agua de texto e imagen con controles avanzados de opacidad - [Herramienta de Marca de Agua en Esquina](https://elysiatools.com/es/tools/image-watermark-corner): Añade marcas de agua en las esquinas de las imágenes con posición, tamaño, opacidad y opciones de múltiples esquinas personalizables - [Herramienta de Marca de Agua Diagonal](https://elysiatools.com/es/tools/image-watermark-diagonal): Añade marcas de agua diagonales a imágenes con ángulo, tamaño, opacidad y posicionamiento a lo largo de la diagonal personalizables - [Herramienta de Marca de Agua con Imagen](https://elysiatools.com/es/tools/image-watermark-image): Añade marcas de agua de imagen a imágenes con posición, tamaño, opacidad y rotación personalizables - [Herramienta de Mosaico de Marca de Agua](https://elysiatools.com/es/tools/image-watermark-tile): Añade marcas de agua en mosaico a imágenes con tamaño, opacidad, espaciado y patrones personalizables - [Generador de Favicon SVG](https://elysiatools.com/es/tools/svg-favicon-generator): Convierte un logo SVG o raster en un paquete favicon completo con ICO, variantes PNG, icono Apple Touch y web manifest ## Ejemplos - [Ejemplos de Procesamiento de Imágenes Android Java](https://elysiatools.com/es/samples/android-image-processing-java): Ejemplos de procesamiento de imágenes Android Java incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Android Kotlin](https://elysiatools.com/es/samples/android-image-processing-kotlin): Ejemplos de procesamiento de imágenes Android Kotlin incluyendo lectura/escritura, escalado y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web Python](https://elysiatools.com/es/samples/web-image-processing-python): Ejemplos de procesamiento de imágenes Web Python usando PIL/Pillow incluyendo lectura, guardado, redimensionamiento y conversión de formato - [Ejemplos de Procesamiento de Imágenes Web Rust](https://elysiatools.com/es/samples/web-image-processing-rust): Ejemplos de procesamiento de imágenes Web Rust incluyendo lectura/escritura, escalado y conversión de formato ## Contenido relacionado - [Herramientas de auditoria de accesibilidad web y color accesible](https://elysiatools.com/es/hubs/web-accessibility-audits): Revisa problemas WCAG, orden de lector de pantalla, fallos de contraste, riesgo de vision cromatica y elecciones de color accesible en un solo hub para flujos de accesibilidad web. - [Herramientas de conversion de formatos de imagen y exportacion animada](https://elysiatools.com/es/hubs/image-convert): Compara convertidores de imagen para JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 y salidas pensadas para animacion en un solo hub. - [Herramientas de conversión de texto, codificación y normalización](https://elysiatools.com/es/hubs/text-convert): Compara conversión de mayúsculas y minúsculas, conversión de ancho de caracteres, conversión de codificación, manejo de quoted-printable y normalización de texto en un solo hub. - [Herramientas de limpieza, acabado y preparacion por lotes de imagenes](https://elysiatools.com/es/hubs/image-utility): Reune en un solo hub herramientas para limpiar imagenes, recortar bordes, agregar margen o marco, redimensionar y comprimir por lotes, poner marcas de agua y pulir activos visuales.