Accessibility Checker Auditoría WCAG y contraste de color

Audita la accesibilidad de cualquier sitio web. En segundos. Desde tu iPhone o tu iPad —o directamente en Safari en tu Mac, con cada hallazgo registrado en el nuevo Reports Hub.

¿Es tu primera vez? Lee la guía de usuario para conocer todas las herramientas. ¿Usas un Mac? Consulta la ayuda de la app para Mac (en inglés), incluida la guía de la extensión para Safari.

Accessibility Checker en un iPhone mostrando los resultados de una auditoría completada de un sitio web, agrupados por gravedad

Novedades de la versión 9.1

Audita en Safari y gestiona todos los hallazgos en un solo lugar en tu Mac. Además, la app ya está preparada para iOS 27 y macOS 27.

Extensión para Safari en el Mac

Ejecuta una auditoría con axe-core en la página que estás viendo, superpón su orden de tabulación y comprueba el contraste —sin salir de Safari. Envía los resultados al Reports Hub con un solo clic.

Reports Hub en el Mac

Organiza las páginas en proyectos y rondas de auditoría y marca los problemas como Abierto, Resuelto o Descartado —esos estados se conservan cuando vuelves a auditar. Exporta informes en HTML o Markdown y una declaración de accesibilidad según la EN 301 549.

Preparada para iOS 27 y macOS 27

La barra de título se oculta al desplazarte por pantallas largas, la cámara en directo reduce su actividad en Modo de bajo consumo en lugar de agotar la batería, y la app para Mac está creada para macOS 27.

Tres herramientas. Un kit completo.

Pruebas WCAG de nivel profesional en tu iPhone y tu iPad —y en tu Mac, directamente en Safari.

1. Auditoría automatizada

Ejecuta el motor axe-core, el estándar del sector, sobre cualquier URL. Obtén una lista priorizada de problemas WCAG, cada uno explicado en un lenguaje claro y con indicaciones prácticas para corregirlo.

2. Orden del foco

Visualiza el orden del foco del teclado (tabulación) de cualquier página, observa la secuencia que siguen quienes usan teclado o lector de pantalla y detecta saltos ilógicos (WCAG 2.4.3).

3. Contraste de color

Mide el contraste entre dos colores cualesquiera en una captura de pantalla, un sitio web o la cámara en directo —según WCAG 2.1 y el algoritmo APCA de WCAG 3.0.

Pantalla de auditoría automatizada de Accessibility Checker mostrando los problemas detectados agrupados por gravedad

Auditoría automatizada completa

Ve más allá del contraste de color. El motor de auditoría integrado, impulsado por axe, analiza cualquier página web e informa de problemas en todo el espectro de criterios de éxito WCAG —texto alternativo ausente, jerarquía de encabezados rota, mal uso de ARIA, problemas con las etiquetas de formularios y mucho más.

Cada problema incluye una descripción clara, la pauta WCAG correspondiente y pasos concretos para corregirlo.

  • Impulsado por el motor de accesibilidad axe-core (versión seleccionable)
  • Problemas agrupados por gravedad: crítico, grave, moderado, menor
  • Explicaciones en lenguaje claro y recomendaciones de corrección
  • Exporta los resultados como texto, CSV o informe en PDF
Cómo ejecutar una auditoría
Superposición del orden del foco sobre una página web real: marcadores numerados en cada elemento enfocable conectados por una línea, con un panel que indica 38 paradas de tabulación
Nuevo

Orden del foco: prueba la navegación por teclado de forma visual

Recorrer una página con el tabulador es la forma en que las personas que usan teclado —y muchas que usan lector de pantalla— experimentan tu sitio, y es una de las cosas más difíciles de probar sin herramientas especializadas. La herramienta de orden del foco señala cada elemento enfocable con un marcador numerado y dibuja el recorrido entre ellos.

Una secuencia ilógica es un incumplimiento del criterio WCAG 2.4.3 (orden del foco). Con todo el recorrido dibujado sobre la página, los saltos y las trampas de foco resultan evidentes en segundos —y el mapa de la página completa se exporta como imagen o PDF para tickets y evidencias de auditoría.

Guía del orden del foco
Herramienta de contraste de Accessibility Checker en un iPhone mostrando una relación de 5,3 a 1 con resultados de apto y no apto para WCAG AA y AAA con dos colores seleccionados

Comprueba el contraste de color donde quieras

Carga una captura de pantalla, haz una foto, introduce una URL o apunta con la cámara a cualquier cosa —y mueve dos selectores para medir el contraste exacto entre dos colores. Los resultados se actualizan en directo con apto/no apto para WCAG 2.1 A, AA y AAA, tanto para texto normal como grande.

Cuando una combinación no pasa, los colores alternativos sugeridos te muestran las opciones accesibles más cercanas. Copia cualquier color como hex de HTML o UIColor de Swift y pégalo directamente en tu código.

  • Funciona con capturas de pantalla, fotos, sitios web y cámara en directo
  • Relaciones de WCAG 2.1 más APCA (borrador de WCAG 3.0)
  • Sugerencias de colores alternativos accesibles
  • Comprueba directamente desde Safari y Fotos con la hoja de compartir
Guía de la herramienta de contraste
Accessibility Checker en un iPad con la página a pantalla completa y los resultados de contraste en una tarjeta flotante en la esquina

Diseñada para iPad

En pantallas grandes, los resultados ahora viven en una tarjeta flotante que puedes mover a cualquier esquina —así la página que estás analizando permanece completamente visible mientras repasas los problemas.

Con un teclado físico, los atajos cubren todo el flujo de trabajo: ejecuta una auditoría, cambia de herramienta y exporta los resultados sin tocar la pantalla. Las interacciones con puntero y trackpad se sienten nativas en todo momento.

Guía para iPad
La página de demostración inaccesible del W3C con la superposición del orden de tabulación de la extensión para Safari: marcadores rojos numerados en 56 elementos enfocables, unidos por un recorrido que salta de un lado a otro de la página
Novedad en el Mac

Audita directamente en Safari

La app para Mac incluye ahora una extensión para Safari. Haz clic en su botón de la barra de herramientas en cualquier página y se ejecutará al momento una auditoría con axe-core —el mismo motor y la misma versión que la app para iPhone, así que los resultados coinciden entre dispositivos. Abre un hallazgo y haz clic en cualquier elemento afectado para resaltarlo en la página.

Cambia a Tab Order (orden de tabulación) para superponer marcadores numerados y el recorrido del teclado sobre la página real, con avisos de tabindex positivo, paradas que saltan en contra del orden de lectura y foco que queda fuera de la pantalla. La pestaña Contrast comprueba cualquier par de colores y sugiere alternativas que sí cumplen.

  • Envía los hallazgos al Reports Hub con un solo clic —en tu dispositivo, sin necesidad de cuenta
  • Copia un informe en Markdown o guarda los hallazgos en JSON
  • Nada sale de tu Mac: sin subidas ni rastreo
Guía de la extensión para Safari (en inglés)
El Reports Hub en el Mac: proyectos y rondas de auditoría en la barra lateral, filtros de estado de Abierto a Reaparecido y Verificado, una tabla de hallazgos agrupada por regla en la que un problema de contraste marcado como Resuelto aparece como Reaparecido, y un panel de detalle con la evidencia y el elemento afectado
Novedad en el Mac

El Reports Hub: controla cada corrección

Haz clic en el icono del Dock para abrir un espacio de trabajo completo para tus auditorías. Crea un proyecto para cada cliente o sitio, inicia una nueva ronda de auditoría cuando lleguen las correcciones y comprueba qué ha cambiado: la cobertura de las páginas incluidas en el alcance y cuántos problemas se han corregido desde la ronda anterior.

Revisa y clasifica una sola vez. Marca los problemas como Abierto, Resuelto o Descartado y añade notas —los estados se mantienen al volver a auditar, y cada hallazgo enlaza con su criterio de éxito WCAG. Cuando termines, exporta la ronda en HTML o Markdown, o genera una declaración de accesibilidad con la estructura de la EN 301 549 / W3C a partir de los problemas abiertos del proyecto, en 17 idiomas.

Novedad en 9.2: cuando vuelves a auditar una página, los problemas que marcaste como Resueltos se comprueban con el nuevo análisis y se muestran como Verificados o Reaparecidos. El comprobador, Lens, la extensión de Safari y un proyecto del Hub son gratis; Pro añade la exportación de informes, las declaraciones de accesibilidad, proyectos ilimitados y las correcciones verificadas.

El comprobador de contraste de la barra de menús y Lens, el simulador de daltonismo, están a un clic en la barra de herramientas del Hub.

Guía del Reports Hub (en inglés)

Informes y declaraciones listos para la EAA

La Ley Europea de Accesibilidad (EAA) está en vigor desde junio de 2025. Convierte tus auditorías en la documentación que exige.

Informe WCAG automatizado

Convierte una auditoría en un informe WCAG estructurado, alineado con los criterios en los que se basa la norma EN 301 549 —el estándar armonizado al que hace referencia la EAA—, listo para compartir con las partes interesadas o adjuntar a tus registros de cumplimiento.

Declaración de accesibilidad

Genera una declaración de accesibilidad autoevaluada que puedes publicar. Mira un ejemplo real de declaración, disponible en 17 idiomas.

Cobertura automatizada honesta

Las comprobaciones automatizadas te dan una base rápida de preparación para la EAA —pero la conformidad plena siempre requiere pruebas manuales. La app te dice exactamente qué criterios WCAG puede comprobar automáticamente y cuáles no.

Entender las normas WCAG

Las Pautas de Accesibilidad para el Contenido Web (WCAG) garantizan que el contenido digital sea perceptible, operable, comprensible y robusto para todos los usuarios.

Contraste en WCAG 2.1

WCAG 2.1 define tres niveles de conformidad. Para texto normal, el nivel AA exige una relación de contraste de 4,5:1 y el nivel AAA exige 7:1. Para texto grande (a partir de 18 pt, o de 14 pt en negrita), AA exige 3:1 y AAA, 4,5:1. Accessibility Checker comprueba todos los niveles al instante.

WCAG 3.0 y APCA

El Advanced Perceptual Contrast Algorithm (APCA) es el método de contraste de nueva generación al que hacen referencia los borradores de WCAG 3.0. Tiene en cuenta la frecuencia espacial, el grosor de la fuente y la polaridad —y produce resultados más precisos y alineados con la percepción humana que el modelo de relación actual.

Ley Europea de Accesibilidad

Desde el 28 de junio de 2025, la EAA exige que los productos y servicios digitales que se venden en la UE sean accesibles. Accessibility Checker te ayuda a evaluar y documentar tu preparación probando los criterios WCAG en los que se basa la norma EN 301 549, el estándar armonizado al que hace referencia la ley.

Más funciones potentes

Todo lo que necesita un diseñador, un desarrollador o un ingeniero de QA para publicar productos accesibles.

Selector de color con exportación

Elige cualquier color de la pantalla y cópialo como hex de HTML o UIColor de Swift (RGBA o HSB) —listo para pegarlo directamente en tu código o en tu herramienta de diseño.

Comparte y exporta

Crea informes de contraste para compartirlos por Mail, Mensajes o Notas; exporta mapas del orden del foco como imágenes o PDF; y comparte los resultados de las auditorías como texto, CSV o informe en PDF.

Privada por diseño

Todo se ejecuta en tu dispositivo. Los sitios, las imágenes y los colores que compruebas nunca salen de tu iPhone, iPad o Mac.

Empieza hoy a hacer accesibles tus diseños

Descarga Accessibility Checker y asegúrate de que tus apps y sitios web cumplen las normas WCAG —en iPhone, iPad y Mac.

Guía de usuario · Política de privacidad