Formación en accesibilidad web para tu equipo
Talleres prácticos sobre WCAG 2.2 AA, testing con lectores de pantalla y diseño accesible. Adaptados a tu stack tecnológico, impartidos por especialistas con experiencia real en auditoría y remediación.
La formación en accesibilidad web capacita a equipos de diseño, desarrollo y contenido para crear interfaces conformes con WCAG 2.2 AA desde el primer día, reduciendo el coste de remediación y previniendo errores recurrentes. Nuestros talleres combinan fundamentos teóricos (principios POUR, normativa EAA), técnicas prácticas (testing con NVDA, JAWS y VoiceOver, inspección con axe-core) y ejercicios adaptados al stack real del equipo (WordPress, Shopify, React, Vue, Next.js). Los programas van desde introducciones de 4 horas hasta planes formativos completos de 16 horas con certificado de aprovechamiento y material reutilizable para nuevas incorporaciones.
Formación adaptada a cada rol
No tiene sentido enseñar ARIA a un diseñador ni ratios de contraste a un backend developer. Cada perfil recibe lo que necesita.
Diseñadores UX/UI
Diseño accesible desde Figma, antes de escribir una línea de código.
- Ratios de contraste y tipografía
- Estados de foco y jerarquía visual
- Componentes accesibles en Figma
- Anotaciones para developers
- Patrones WAI-ARIA Authoring
Desarrolladores
HTML semántico, ARIA, testing automatizado e integración en CI/CD.
- HTML semántico y landmarks
- ARIA: cuándo sí y cuándo no
- Gestión de foco y teclado
- axe-core y WCAG Guard API
- Testing E2E con Playwright
Editores de contenido
Cómo crear contenido accesible sin necesidad de conocimientos técnicos.
- Texto alternativo de calidad
- Estructura de encabezados
- Enlaces descriptivos
- Tablas y listas accesibles
- Subtítulos y transcripciones
Módulos formativos
Un recorrido progresivo desde fundamentos hasta testing avanzado con tecnologías de asistencia.
Fundamentos de accesibilidad web
Por qué importa la accesibilidad: personas, negocio y normativa. Los 4 principios POUR (Perceivable, Operable, Understandable, Robust) como marco mental. Introducción a WCAG 2.2 y sus niveles A, AA y AAA.
Marco legal: EAA, Ley 11/2023 y EN 301 549
Qué exige la European Accessibility Act, a quién afecta, qué sectores están obligados y qué sanciones existen. Cómo se traduce la normativa en requisitos técnicos concretos mediante EN 301 549 y el modelo europeo de declaración.
Diseño accesible en Figma
Componentes, ratios de contraste, tipografía, estados de foco, anotaciones para developers. Plugins recomendados (Stark, A11y Annotation Kit) y cómo integrar la accesibilidad en el sistema de diseño sin duplicar trabajo.
HTML semántico y ARIA en la práctica
La regla de oro: no uses ARIA si HTML nativo puede hacer el trabajo. Landmarks, formularios, tablas de datos, imágenes complejas. Cuándo ARIA es necesario (componentes custom como combobox, tabs, modals) y cuándo es contraproducente.
Testing con lectores de pantalla
Uso práctico de NVDA (Windows), JAWS (Windows) y VoiceOver (macOS/iOS). Cada asistente tiene particularidades que afectan al diseño: qué anuncia, cómo navega, qué gestos usa. Sesión hands-on con escenarios reales.
Automatización: axe-core, WCAG Guard y CI/CD
Cómo integrar el escaneo automatizado en el flujo de trabajo. Configuración de WCAG Guard, uso de axe-core en tests E2E con Playwright o Cypress, y qué hacer con los resultados: desde GitHub Actions hasta Slack alerts.
Contenido accesible para editores no técnicos
Cómo escribir texto alternativo útil (no "imagen de..."), estructurar encabezados, crear enlaces descriptivos, redactar mensajes de error comprensibles. Enfoque práctico con ejemplos del propio sitio del cliente.
Tres niveles de formación
Adaptamos la duración y profundidad según el tamaño del equipo y su experiencia previa.
Taller introductorio
Sesión de concienciación y fundamentos. Ideal para equipos que empiezan desde cero.
- Fundamentos WCAG + POUR
- Marco legal EAA resumido
- Demo con lector de pantalla
- Material PDF y grabación
Formación completa por rol
Programa modular adaptado a diseñadores, developers y editores. El más solicitado.
- Todo lo del plan Intro
- Módulos específicos por rol
- Ejercicios con código del cliente
- Testing hands-on NVDA/VoiceOver
- Certificado de aprovechamiento
Bootcamp inmersivo
Para equipos que necesitan autonomía total. Incluye mentoring post-formación.
- Todo lo del plan Pro
- Remediación guiada en vivo
- Integración WCAG Guard en CI/CD
- 4 horas de mentoring posterior
- Guías internas personalizadas
Qué se lleva tu equipo
Grabación de las sesiones
Disponible para nuevas incorporaciones durante 12 meses. Reutilizable sin límite dentro de la organización.
Material de apoyo en PDF
Slides, checklists, ejemplos de código y cheat sheets descargables para consulta rápida.
Guías adaptadas al stack
Documentación específica para WordPress, Shopify, React, Vue o el framework que uses en producción.
Certificado de aprovechamiento
Documento individual por participante con horas lectivas y contenidos cursados.
Entorno de pruebas
Sandbox con ejemplos reales para practicar testing con lectores de pantalla tras la formación.
Canal de soporte post-formación
Acceso a un canal de Slack o email durante 30 días para resolver dudas surgidas al aplicar lo aprendido.
Sobre la formación en accesibilidad web
¿Por qué formar al equipo en vez de subcontratar auditorías indefinidamente?
Subcontratar auditorías externas una y otra vez es caro y reactivo: pagas por encontrar los mismos tipos de errores cada sprint porque el equipo no ha aprendido a evitarlos. Formar al equipo es la inversión de mayor ROI en accesibilidad: un diseñador que entiende ratios de contraste nunca elegirá gris claro sobre blanco. Un developer que conoce ARIA nunca creará un dropdown sin roles. La formación reduce drásticamente el coste de remediación futura y convierte la accesibilidad en parte del flujo normal de trabajo.
¿Cómo son las sesiones en la práctica?
Nuestras formaciones son 80% práctica, 20% teoría. No hacemos presentaciones genéricas: usamos el código real del cliente, su propio Figma, su propio CMS. Los ejercicios se resuelven en vivo con lector de pantalla para que los participantes experimenten en primera persona qué funciona y qué no. Se imparten en formato remoto (Meet, Zoom, Teams) o presencial en oficinas del cliente. Todas las sesiones se graban y quedan disponibles durante 12 meses.
¿Adaptáis la formación a nuestro framework concreto?
Sí. Antes de cada formación revisamos el stack tecnológico del cliente y preparamos ejemplos específicos. Para WordPress: temas, plugins, Gutenberg, Elementor. Para Shopify: temas Liquid, apps, checkout. Para React/Next.js: hooks de accesibilidad, patrones con focus-trap, testing con React Testing Library. Para Vue/Nuxt: composables, refs y directivas. Si el cliente tiene un framework propio, estudiamos el código y adaptamos los ejemplos.
¿Qué pasa cuando entran nuevas personas al equipo después de la formación?
Las sesiones quedan grabadas y disponibles durante 12 meses para nuevas incorporaciones, junto con el material en PDF y las guías adaptadas al stack. Para empresas con alta rotación o crecimiento rápido de equipo, ofrecemos un servicio de refresher anual con sesiones nuevas actualizadas a la última versión de WCAG y cualquier cambio normativo.
Dudas sobre la formación
Ambos formatos están disponibles. La mayoría de nuestros clientes opta por el formato remoto (Google Meet, Zoom, Teams) porque permite incluir a personas distribuidas geográficamente y facilita la grabación. El formato presencial es interesante cuando se combina con un workshop de remediación en vivo sobre el código del cliente. Para formato presencial fuera de Cataluña se añaden gastos de desplazamiento.
Depende del formato: hasta 15 personas para el Taller introductorio, hasta 20 para la Formación completa y máximo 12 para el Bootcamp avanzado (el límite es menor porque incluye prácticas individuales con mentoring). Para equipos más grandes podemos dividir en varias cohortes o diseñar un programa a medida.
No. El Taller introductorio está diseñado para equipos que parten de cero. La Formación completa asume conocimientos básicos del rol (HTML/CSS para developers, Figma para diseñadores) pero no de accesibilidad. El Bootcamp avanzado requiere experiencia previa en accesibilidad o haber cursado la Formación completa.
Es un certificado privado de aprovechamiento emitido por Garsen, no una certificación oficial tipo IAAP (International Association of Accessibility Professionals). Documenta las horas lectivas cursadas, los contenidos impartidos y el aprovechamiento del participante. Es útil para planes formativos internos, reporting a dirección y evidencia ante auditorías ISO que valoran la formación continua del equipo.
Actualmente no somos entidad organizadora directa de FUNDAE, pero colaboramos con gestoras externas que pueden tramitar la bonificación. En la primera consulta te indicamos el proceso concreto y los tiempos de tramitación (suele requerir al menos 7 días hábiles de antelación respecto al inicio del curso).
Español, catalán o inglés. Los materiales de apoyo (slides, PDF, guías) están disponibles en los tres idiomas. Para equipos internacionales el formato habitual es impartir en inglés con materiales bilingües.
Sí. Para clientes recurrentes ofrecemos un refresher anual de 2–4 horas que actualiza al equipo sobre novedades de WCAG, cambios normativos (EAA, Ley 11/2023, actualizaciones de EN 301 549) y nuevas técnicas o herramientas. Ideal para mantener viva la cultura de accesibilidad sin repetir formaciones enteras.
El coste depende del formato, número de participantes, adaptación al stack del cliente y si es presencial o remoto. Ofrecemos un presupuesto cerrado sin compromiso tras una breve llamada inicial en la que entendemos tus necesidades. Para equipos pequeños (menos de 5 personas) recomendamos formación en grupo compartido en lugar de dedicada.
Forma a tu equipo en accesibilidad
Primera llamada gratuita para entender el perfil del equipo, el stack y diseñar el programa más adecuado. Presupuesto cerrado sin compromiso.