Desarrollo (IFCD) · Curso bonificable FUNDAE (0 €)

Desarrollo front-end accesible con IA: HTML semántico, ARIA y componentes con Claude Code, Copilot y Cursor (versión Avanzada)

Capacitar a desarrolladores web de PYMES y agencias para construir interfaces accesibles conforme a las WCAG 2.2 usando asistentes de programación con IA (Claude Code, GitHub Copilot y Cursor): HTML semántico, ARIA solo cuando hace falta, gestión del foco y del teclado, formularios y mensajes de error, componentes accesibles (menús, pestañas, ventanas modales, carruseles), contenido dinámico, pruebas automáticas en el flujo de desarrollo y revisión crítica del código que genera la IA, que a menudo no es accesible por defecto. La versión Avanzada amplía el curso a 100 h, con 9 módulos más (frameworks y aplicaciones complejas, sistema de diseño accesible y agentes de IA para la accesibilidad) y 12 h presenciales de acompañamiento para aplicarlo a la empresa del alumno.

Curso de desarrollo front-end accesible con IA: un desarrollador revisa con un asistente de IA el código HTML y ARIA de un componente.

Para qué sirve este curso

Tu equipo aprende a aplicar la IA en el negocio, no solo a conocerla

Capacitar a desarrolladores web de PYMES y agencias para construir interfaces accesibles conforme a las WCAG 2.2 usando asistentes de programación con IA (Claude Code, GitHub Copilot y Cursor): HTML semántico, ARIA solo cuando hace falta, gestión del foco y del teclado, formularios y mensajes de error, componentes accesibles (menús, pestañas, ventanas modales, carruseles), contenido dinámico, pruebas automáticas en el flujo de desarrollo y revisión crítica del código que genera la IA, que a menudo no es accesible por defecto. La versión Avanzada amplía el curso a 100 h, con 9 módulos más (frameworks y aplicaciones complejas, sistema de diseño accesible y agentes de IA para la accesibilidad) y 12 h presenciales de acompañamiento para aplicarlo a la empresa del alumno.

Es para ti si…

  • Desarrollas webs o aplicaciones y quieres que cumplan las WCAG 2.2 de verdad.
  • Usas Claude Code, Copilot o Cursor y quieres que el código que generan sea accesible.
  • Te piden componentes accesibles y no sabes bien cuándo usar ARIA.
  • Quieres automatizar las pruebas de accesibilidad en tu flujo de trabajo.
  • Quieres más práctica guiada: 12 h en directo con el formador y un proyecto final más ambicioso.

Así es el campus por dentro

Contenido interactivo: tu equipo aprende haciendo, no leyendo PDF

Cada módulo del curso combina animaciones, gráficas y ejercicios prácticos creados para ese curso, con las cifras de un caso de empresa realista. El tiempo que se dedica a ellos cuenta dentro de las horas del curso.

  • Animaciones paso a paso

    Procesos explicados fotograma a fotograma, comparativas antes/después e historias visuales.

  • Gráficas interactivas

    Barras, líneas, embudos o radares construidos con las cifras de un caso práctico realista.

  • Ejercicios prácticos

    Arrastrar y soltar, completar huecos, encontrar el error y escenarios con decisiones.

  • Simuladores de la herramienta

    Una hoja de cálculo con fórmulas reales, un chat de IA que puntúa tu prompt, un agente que configuras.

  • Páginas cortas y visuales

    Una idea por página, con ilustraciones propias: nada de PDF interminables.

  • Tests que enseñan

    Examen por módulo que explica cada opción, más tarjetas y minijuegos de repaso.

Ejemplo ilustrativo de una página interactiva del campus.

Temario

Qué se aprende, módulo a módulo

Bloque 1 — Fundamentos

Se compara el código de distintos asistentes de IA y se corrigen sus fallos de accesibilidad.

  • Módulo 01. WCAG 2.2 para desarrolladores: criterios, técnicas y errores frecuentes
  • Módulo 02. Árbol de accesibilidad: lo que «ve» un lector de pantalla
  • Módulo 03. Asistentes de IA para programar: por qué su código no es accesible por defecto y cómo pedírselo

Bloque 2 — HTML semántico y estructura

  • Módulo 04. Puntos de referencia, encabezados y orden del contenido
  • Módulo 05. Enlaces, botones e imágenes: el elemento correcto para cada cosa
  • Módulo 06. Tablas de datos y listas accesibles

Bloque 3 — Teclado, foco y ARIA

  • Módulo 07. Orden de tabulación, foco visible y foco no tapado (WCAG 2.2)
  • Módulo 08. ARIA bien usado: roles, estados, propiedades y la regla de no usarlo si no hace falta
  • Módulo 09. Regiones vivas y contenido dinámico

Bloque 4 — Componentes accesibles con IA

  • Módulo 10. Menús, pestañas y acordeones
  • Módulo 11. Ventanas modales, avisos y carruseles
  • Módulo 12. Formularios: etiquetas, validación y mensajes de error

Bloque 5 — Pruebas en el flujo de desarrollo

  • Módulo 13. axe y Lighthouse en el navegador y en la línea de comandos
  • Módulo 14. Pruebas automáticas de accesibilidad en la integración continua
  • Módulo 15. Revisión del código de la IA: lista de comprobación y pruebas con lector de pantalla

Bloque 6 — Proyecto final: tu biblioteca accesible

El alumno puede trabajar sobre un proyecto propio o de su empresa.

  • Módulo 16. Tokens de diseño: contraste, tamaños de objetivo y movimiento reducido
  • Módulo 17. Instrucciones de proyecto para que la IA genere código accesible
  • Módulo 18. Proyecto final: una biblioteca de componentes accesibles con sus pruebas

Bloque 7 — Frameworks y aplicaciones complejas

Exclusivo de la versión Avanzada. Carga de trabajo orientativa: 11 h.

  • Módulo 19. React, Vue y Angular accesibles: enrutado, foco y anuncios de cambios
  • Módulo 20. Tablas de datos complejas, gráficos y paneles accesibles
  • Módulo 21. Arrastrar y soltar, editores y otros componentes difíciles

Bloque 8 — Sistema de diseño accesible

Exclusivo de la versión Avanzada. Carga de trabajo orientativa: 11 h.

  • Módulo 22. Sistema de diseño con criterios WCAG documentados en cada componente
  • Módulo 23. Pruebas visuales y de accesibilidad de cada componente aislado
  • Módulo 24. Documentación y guía de uso para el resto del equipo

Bloque 9 — Agentes de IA para la accesibilidad

Exclusivo de la versión Avanzada. Carga de trabajo orientativa: 11 h.

  • Módulo 25. Claude Code a fondo: instrucciones, subagentes revisores y comprobaciones automáticas
  • Módulo 26. Revisión de código con IA en cada pull request
  • Módulo 27. Proyecto final ampliado: aplicación completa accesible con sus pruebas automáticas

Sesiones presenciales (12 h) — Acompañamiento en directo

12 h en aula virtual (videoconferencia) o presenciales in situ, en 6 sesiones de 2 h repartidas a lo largo del curso. Son el 12 % de la duración total, así que la acción sigue siendo de teleformación.

  • Sesión 1 (2 h). Arranque: diagnóstico del caso de cada alumno y objetivos del curso
  • Sesión 2 (2 h). Programación en pareja con IA: componentes difíciles accesibles
  • Sesión 3 (2 h). Pruebas con lector de pantalla del proyecto de cada alumno
  • Sesión 4 (2 h). Integración continua con pruebas de accesibilidad
  • Sesión 5 (2 h). Revisión de código y del sistema de diseño de los alumnos
  • Sesión 6 (2 h). Defensa del proyecto final y hoja de ruta de implantación en la empresa

Reseñas verificadas de alumnos

Lo que dicen quienes se han formado

5/5
12 reseñas
ANWAR
Verificada
★★★★★

Álvaro es un excelente profesor de inteligencia artificial. Explica los temas de forma clara y sencilla, incluso los conceptos más complejos. Es muy paciente, siempre dispuesto a resolver dudas y transmite mucha confianza al enseñar. Muy simpático haciendo que las clases sean amenas y muy interesantes. Sin duda de los …

Gonzalo
Verificada
★★★★★

Conoce todas las herramientas de inteligencia artificial a la perfección. Sabe trasmitir conocimientos y tiene paciencia. Si algo no ha quedado claro vuelve a explicarlo. La valoración es altísima. 10

Álvaro
Verificada
★★★★★

Su enfoque innovador y su pasión por la inteligencia artificial me inspira. ¡Sin duda, uno de los mejores profesores que he tenido en general! 10/10, totalmente recomendado. Está siendo una experiencia enriquecedora aprender con él.

Emili
Verificada
★★★★★

Hola, Álvaro ha cubierto de largo mis dudas y ha demostrado amplios conocimientos en temas de automatizaciones e IA en general. Ofrece una clase muy dinámica y fácil de seguir y comprender. Contamos con su maestría para futuros contactos.

Jesús
Verificada
★★★★★

Domina muchas herramientas de IA para los diferentes casos que yo le planteaba.

Paul Iulian
Verificada
★★★★★

He tenido unas clases para aprender sobre APIs y automatización con Make e IA que han sido muy interesantes. ¡Profesor muy energético y motivado!

Ramon
Verificada
★★★★★

Álvaro es un profesor con talento y apasionado [y con humor :)] por la edición de vídeo y la inteligencia artificial. Explica con claridad, motiva a aprender y siempre está dispuesto a ayudar.

Curro
Verificada
★★★★★

Sabe bastante de IA.

Gerardo
Verificada
★★★★★

Persona súper profesional, con claridad en sus exposiciones, sencillez y aportando valor a tus necesidades. ¡Claramente un 10!

Hans Sebastian
Verificada
★★★★★

Excelente profesor. Sus explicaciones fueron muy claras y su paciencia, realmente espectacular. Supo transmitir tanto los conceptos como los consejos de forma sencilla y efectiva. Tuvimos una clase increíble, dinámica y muy disfrutable. Lo recomiendo muchísimo como docente.

Joaquin
Verificada
★★★★★

Álvaro controla todo, no solo te enseña, además te diferencia entre las distintas herramientas sobre cuál es la mejor para cada caso. Muy importante: se nota que le encanta su trabajo. ¡Excelente!

Ana
Verificada
★★★★★

Álvaro es muy buen profesor, se nota que sabe de lo que habla, tiene muchos conocimientos muy útiles. Lo recomiendo.

Solicita información

¿Quieres este curso para tu equipo?

Cuéntanos tu caso y te explicamos cómo impartirlo en tu empresa y cómo bonificar el 100% con Fundae. Te respondemos en menos de un día laborable.