HERRAMIENTAS PARA DESARROLLADORES

Detecta y soluciona problemas de accesibilidad antes en el proceso de desarrollo

El SDK de pruebas de accesibilidad ayuda a tus desarrolladores web a comprobar su código y componentes en busca de problemas de accesibilidad en entornos de preproducción.

Un experto masculino en accesibilidad escribiendo una solución personalizada para un problema detectado en el sitio web de un cliente.

Escribe una vez, ejecuta en todas partes

Tus desarrolladores web e ingenieros de front-end son responsables de tantas cosas que la accesibilidad a veces puede quedar en segundo plano frente a la publicación de nuevo código. Nuestras herramientas para desarrolladores están diseñadas específicamente para facilitar y hacer más eficaz la prueba de accesibilidad, de modo que tus equipos solucionen más problemas antes de que puedan afectar a los clientes.

Un panel auditado por expertos de AudioEye con indicaciones de los problemas de accesibilidad encontrados.

Tipos de pruebas

Soluciones de pruebas flexibles para cada parte de tu SDLC

Nuestro SDK de pruebas de accesibilidad permite a tus equipos comprobar problemas de accesibilidad a lo largo de todo el ciclo de vida del desarrollo de software, desde pruebas de página completa hasta bibliotecas de componentes y escaneos automáticos en cada despliegue.

PRUEBA DE COMPONENTES

Crea los bloques de construcción de un sitio web accesible

Utiliza la función de componentes en la CLI o usa Jest para probar componentes individuales dentro de tu biblioteca:

Componentes web que AudioEye prueba, incluyendo acordeones, alertas, avatares, botones, migas de pan y tarjetas.
  • Ejecuta pruebas rápidas

    Facilita a tus desarrolladores probar rápidamente los componentes en las primeras etapas del desarrollo.

  • Crea una biblioteca accesible

    Probar cada componente te ayuda a construir una biblioteca de componentes accesibles que pueden ser utilizados en toda tu organización por varios equipos.

  • Automatiza las pruebas

    Las pruebas con Jest pueden configurarse para ejecutarse automáticamente cada vez que añades o actualizas un componente en tu biblioteca, de modo que solo estén disponibles los componentes accesibles.

PRUEBA DE PÁGINA ÚNICA

Prueba páginas completas para la accesibilidad

Utiliza la interfaz de línea de comandos (CLI) en un editor de código para probar una página completa en busca de problemas de accesibilidad:

El SDK CLI de AudioEye probando un sitio web en busca de problemas de accesibilidad a nivel de código antes del despliegue.
  • Garantiza la compatibilidad

    Las pruebas de página completa ayudan a garantizar que los componentes no solo sean accesibles por sí solos, sino también cuando se usan junto a otros componentes.

  • Detecta problemas contextuales

    Algunos problemas de accesibilidad (por ejemplo, la jerarquía de encabezados) solo pueden detectarse al probar una página completa.

  • Optimiza la accesibilidad

    Hacer que los desarrolladores alternen entre varias herramientas o ventanas del navegador ralentiza su trabajo.

PRUEBA DE MÚLTIPLES PÁGINAS

Automatiza las pruebas de accesibilidad de extremo a extremo

Utiliza Cypress(opens in a new tab) para probar flujos de trabajo de varias páginas directamente en tu navegador.

Un desarrollador escribiendo soluciones personalizadas y una indicación del informe de problemas de accesibilidad que está abordando.
  • Ahorra tiempo

    Las pruebas manuales de accesibilidad de extremo a extremo llevan tiempo, especialmente cuando los desarrolladores realizan cambios frecuentes en el código.

  • Pruebas flexibles

    Da a tus desarrolladores control sobre cada prueba, ya sea que busquen cualquier problema de accesibilidad o solo ciertos tipos de problemas.

  • Haz seguimiento del progreso

    Compara los problemas detectados a lo largo del tiempo para hacer seguimiento del progreso hacia experiencias de usuario más accesibles y conformes.

  • Automatiza las pruebas de accesibilidad de extremo a extremo

    Utiliza Cypress, Jest(opens in a new tab), o Playwright(opens in a new tab) para probar flujos de trabajo de varias páginas directamente en tu navegador.

INTEGRACIÓN CI/CD

Apoya a los equipos de desarrollo con escaneos automáticos de accesibilidad

Instala el SDK de pruebas de accesibilidad en tu pipeline de desarrollo para escanear automáticamente en busca de problemas con cada despliegue.

Expertos en accesibilidad revisando una solución personalizada y dos indicaciones de problemas detectados por la automatización y las principales soluciones aplicadas.
  • Estandariza la calidad

    Usar el SDK de pruebas de accesibilidad en un despliegue CI/CD ayuda a comprobar los problemas de accesibilidad en cada línea de código.

  • Toma mejores decisiones

    Ayuda a tus desarrolladores a centrarse en el trabajo de mayor impacto identificando los problemas de accesibilidad más urgentes.

  • Libera a los desarrolladores

    Libera a tus desarrolladores de la carga de comprobar manualmente los problemas de accesibilidad en cada despliegue.

Resultados

Informes de problemas, en el formato que tu equipo necesite

El SDK de pruebas de accesibilidad permite a los desarrolladores exportar los problemas para revisarlos y/o compartirlos con otros en el formato que mejor les convenga.

  • Salida HTML

    Una tabla visual que enumera cada problema detectado en tu código, junto con información clave, como el nombre del criterio WCAG infringido, para ayudar a los equipos a priorizar las soluciones. Los desarrolladores pueden hacer clic en cada problema para obtener comentarios prescriptivos sobre el problema, dónde ocurrió y cómo solucionarlo.

  • Salida JSON

    Una versión de la lista de problemas y detalles puede convertirse en otros tipos de archivos (por ejemplo, .csv, .xlsx) para facilitar el intercambio o para cargar en herramientas de gestión de proyectos.

Integraciones

Integra la accesibilidad en tu stack

El SDK de pruebas de accesibilidad se integra con tus otras herramientas de desarrollo web, permitiendo a tus equipos alinear esfuerzos e integrar la accesibilidad en más flujos de trabajo:

  • Gestión de proyectos

Sube la versión de salida .csv a una herramienta de gestión de proyectos como JIRA o Asana para crear una lista de problemas rastreable y asignable para solucionar.

  • Integración con CMS

Ejecuta pruebas de accesibilidad en los componentes mientras los construyes en tu entorno local antes de cargarlos en tu biblioteca CMS.

Un collage de todas las principales plataformas CMS junto a AudioEye que representa integraciones fáciles para cualquier plataforma.

Preguntas frecuentes

Construyamos juntos un futuro digital accesible