{"id":1302,"date":"2025-08-08T00:00:00","date_gmt":"2025-08-07T22:00:00","guid":{"rendered":"https:\/\/programaraciegas.net\/?p=1302"},"modified":"2025-07-19T07:07:58","modified_gmt":"2025-07-19T05:07:58","slug":"nueva-generacion-de-herramientas-automaticas-de-validacion-de-la-accesibilidad-gracias-a-la-inteligencia-artificial","status":"publish","type":"post","link":"https:\/\/programaraciegas.net\/?p=1302","title":{"rendered":"Nueva generaci\u00f3n de herramientas autom\u00e1ticas de validaci\u00f3n de la accesibilidad gracias a la inteligencia artificial"},"content":{"rendered":"

Las herramientas autom\u00e1ticas para la validaci\u00f3n de barreras de accesibilidad<\/a>, aunque conocidas sus limitaciones, son indispensables para las personas que dise\u00f1an y desarrollan interfaces digitales. Es conocido que la mayor\u00eda de estas barreras s\u00f3lo pueden evaluar menos del 40% de los criterios de \u00e9xito de WCAG y que, en su evaluaci\u00f3n, tampoco hay una precisi\u00f3n demasiado elevada.<\/p>\n

La Inteligencia Artificial al rescate<\/h2>\n

Gracias a los \u00faltimos avances en la creaci\u00f3n de modelos expertos con IA hay empresas como Evinced<\/a>, que apuestan por el desarrollo de mejores herramientas, hoy podemos decir que tenemos a nuestra disposici\u00f3n la siguiente generaci\u00f3n de las herramientas autom\u00e1ticas para la validaci\u00f3n de la accesibilidad.<\/p>\n

En algunos casos la mejora parece bastante evidente como sucede con Site scanner<\/a>, una herramienta para analizar las barreras de accesibilidad en un sitio web de forma global ofreciendo resultados agrupados por componentes o incluso zonas que requieran de un usuario y contrase\u00f1a. Lo interesante de esta herramienta es que, seg\u00fan sus creadores, pueden validar el 80% de los criterios de \u00e9xito y los resultados son m\u00e1s fiables. Por ejemplo, que una imagen tenga una cadena de texto ya no es suficiente para validar ese criterio de \u00e9xito, la descripci\u00f3n tambi\u00e9n debe ser algo comprensible y no el nombre del fichero del archivo de imagen.<\/p>\n

Otra diferencia importante es que pueden analizar el contenido y la funcionalidad del renderizado del DOM (Document Object Model) por lo que algunos problemas de accesibilidad no visibles para Wave o AXE debido al uso de ReactJS o Angular si son detectados por esta nueva generaci\u00f3n de herramientas.<\/p>\n

La accesibilidad no s\u00f3lo es Web<\/h3>\n

Las Web Content Accessibility Guidelines (WCAG) tambi\u00e9n se aplican a las aplicaciones de los smartphones pero las herramientas de automatizaci\u00f3n de experiencias son pocas y casi ninguna incluye alguna herramienta de validaci\u00f3n de la accesibilidad de forma fiable ya que, en muchos casos, el acceso al dispositivo m\u00f3vil se realiza mediante capturas de pantalla, perdiendo el acceso a la capa sem\u00e1ntica de las aplicaciones m\u00f3viles.<\/p>\n

\u00a0 El Automation SDK<\/a> de Evinced se integra con los tests automatizados de Selenium, Cypress, Playwright, XCUITest o Appium para dar ese extra para poder evaluar las posibles barreras de accesibilidad en una web o una app m\u00f3vil.<\/p>\n

Accesibilidad desde el dise\u00f1o<\/h3>\n

Los dise\u00f1adores de contenidos o de experiencia de usuario, en muchos casos, utilizan aplicaciones como Figma para hacer ese dise\u00f1o de experiencia de una web o una app m\u00f3vil. Aunque este tipo de herramienta ofrecen algunos plugins relacionados con la accesibilidad, todos ellos son de ejecuci\u00f3n manual y, cuando el frame de dise\u00f1o de un proyecto es demasiado grande, hay muchas posibilidades de que haya componentes o flujos que se hayan quedado sin evaluar.<\/p>\n

Con el plugin de Design Assistant<\/a> para Figma se promete una evaluaci\u00f3n automatizada de todos los elementos del proyecto y aplicando los evaluadores mejorados con IA se ofrece la detecci\u00f3n y correcci\u00f3n de problemas de contraste de color, problemas de foco y zonas t\u00e1ctiles, flujos ARIA y otras validaciones de criterios de \u00e9xito de WCAG.<\/p>\n

Adem\u00e1s este plugin ofrece la posibilidad de incluir notas para los desarrolladores para que durante la implementaci\u00f3n del dise\u00f1o se incluyan las soluciones a las barreras de accesibilidad y ejemplos para dise\u00f1ar tests unitarios.<\/p>\n

Los desarrolladores tambi\u00e9n tienen m\u00e1s herramientas<\/h3>\n

Las herramientas de desarrollo de Google Chrome pueden mejorarse gracias a Debugger<\/a>, una extensi\u00f3n para este navegador que usando IA mejora la detecci\u00f3n de errores de contraste de color o de navegaci\u00f3n por teclado y tambi\u00e9n mejora la detecci\u00f3n de problemas con etiquetas de accesibilidad. Adem\u00e1s proporciona ejemplos para solucionar los problemas detectados.<\/p>\n

En el apartado para el CI\/CD (Integraci\u00f3n continua y distribuci\u00f3n continua) Evinced ofrece Unit Tester<\/a>, una herramienta autom\u00e1tica para crear tests para la validaci\u00f3n de criterios de \u00e9xito WCAG 2.1 nivel AA para problemas de roles, teclado y lectores de pantalla.<\/p>\n

Se puede integrar de forma sencilla en los pipelines de Jenkins, Travis o CircleCI.<\/p>\n

Conclusiones y realidades<\/h2>\n

Esta empresa ofrece otras herramientas para el apoyo de dise\u00f1adores, testers, desarrolladores y analistas. Todo enfocado en la detecci\u00f3n y soluci\u00f3n de barreras de accesibilidad.<\/p>\n

Como con cualquier soluci\u00f3n autom\u00e1tica, no reemplaza la evaluaci\u00f3n manual ni pruebas con usuarios reales con discapacidad. La experiencia final de un usuario es la \u00fanica prueba que validar\u00e1 la accesibilidad al 100%. Estas herramientas ayudan a los profesionales a poder mejorar su trabajo y, de forma voluntaria o involuntaria, hacer que todo sea m\u00e1s accesible.<\/p>\n

El desconocimiento de la accesibilidad es el primer problema que tiene el mundo de la accesibilidad digital. Muchos profesionales del dise\u00f1o o el desarrollo usan sus herramientas de trabajo sin molestarse en comprender que hay elementos t\u00e9cnicos que se salen de su tecnolog\u00eda de trabajo. Gracias a estas herramientas esos profesionales tienen un contacto con la accesibilidad de forma m\u00e1s c\u00f3moda, guiada y no les exige un esfuerzo inicial de aprendizaje. Lo toman como algo a solucionar en su trabajo y siguen los consejos e indicaciones de la IA para solucionar ese problema de accesibilidad.<\/p>\n

Estas herramientas siguen en desarrollo y est\u00e1n abiertas a mejora ya que todav\u00eda hay casos complejos de accesibilidad que la IA no sabe resolver. Adem\u00e1s, por ahora, s\u00f3lo se da soporte para contenidos en ingl\u00e9s.<\/p>\n

Lo interesante de este conjunto de herramientas es que el enfoque se aplica a todos los sectores relacionados con un proyecto web o una app m\u00f3vil. La responsabilidad de la accesibilidad no recae en un \u00fanico profesional. Con estas herramientas todos los profesionales, desde el dise\u00f1ador al desarrollador y el tester tienen contacto con la accesibilidad. Esto maximiza la posibilidad de que la mayor cantidad posible de barreras de accesibilidad sean detectadas y solucionadas antes de que el producto sea puesto a disposici\u00f3n de los usuarios. Un enfoque interesante y muy alineado con el concepto de que la accesibilidad debe aplicarse a todas las etapas de un proyecto.<\/p>\n

Esperemos que pronto veamos que este tipo de herramientas autom\u00e1ticas mejoran el trabajo de muchos profesionales y facilitan que la accesibilidad sea parte real de los proyectos.<\/p>\n","protected":false},"excerpt":{"rendered":"

Las herramientas autom\u00e1ticas para la validaci\u00f3n de barreras de accesibilidad, aunque conocidas sus limitaciones, son indispensables para las personas que dise\u00f1an y desarrollan interfaces digitales. Es conocido que la mayor\u00eda de estas barreras s\u00f3lo pueden evaluar menos del 40% de los criterios de \u00e9xito de WCAG y que, en su evaluaci\u00f3n, tampoco hay una precisi\u00f3n … <\/p>\n

Continuar leyendo \u00abNueva generaci\u00f3n de herramientas autom\u00e1ticas de validaci\u00f3n de la accesibilidad gracias a la inteligencia artificial\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,9,4,5,37],"tags":[11,426,503,12,245],"class_list":["post-1302","post","type-post","status-publish","format-standard","hentry","category-accesibilidad","category-software-accesible","category-desarrollo","category-diseno","category-herramientas-software","tag-accesibilidad-2","tag-artificial","tag-automatizacion","tag-herramientas","tag-inteligencia"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/1302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1302"}],"version-history":[{"count":0,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=\/wp\/v2\/posts\/1302\/revisions"}],"wp:attachment":[{"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programaraciegas.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}