Cómo hacer accesibles tus cursos online: guía completa

Más de mil millones de personas en todo el mundo viven con alguna forma de discapacidad. Eso supone aproximadamente el 15% de la población mundial, según la Organización Mundial de la Salud. Sin embargo, la inmensa mayoría de los cursos online siguen siendo inaccesibles para alumnos ciegos, sordos, con discapacidad motora o que experimentan diferencias cognitivas y neurológicas.

Si creas cursos online, la accesibilidad no es opcional. Es una obligación legal en muchas jurisdicciones, un imperativo ético y una oportunidad de negocio. Los cursos accesibles llegan a más alumnos, mejoran las tasas de finalización para todos y demuestran que tu marca se toma en serio la inclusión.

Esta guía te explica exactamente cómo hacer accesibles tus cursos online, paso a paso. Ya seas un creador de cursos independiente, un diseñador instruccional en una universidad o un responsable de formación en una empresa, encontrarás consejos prácticos que puedes implementar hoy mismo.

Por qué la accesibilidad importa en los cursos online

La accesibilidad se presenta a menudo como una simple casilla de cumplimiento. Ese enfoque no capta lo esencial. Estas son las razones por las que la accesibilidad debería ser un principio de diseño de primer nivel en tu flujo de creación de cursos:

• Escala del impacto: la OMS estima que 1.300 millones de personas experimentan una discapacidad significativa. Solo en Estados Unidos, el 26% de los adultos tiene algún tipo de discapacidad (CDC, 2023). Entre tus alumnos casi seguro hay personas con discapacidad, lo revelen o no.
• Requisitos legales: la Ley de Estadounidenses con Discapacidades (ADA), la Sección 508, la Ley Europea de Accesibilidad (EAA) y la Ley de Igualdad del Reino Unido exigen que el contenido digital sea accesible. Las demandas contra plataformas educativas inaccesibles han aumentado más del 300% desde 2018.
• Mejores resultados de aprendizaje para todos: los subtítulos ayudan a hablantes no nativos. Una estructura clara ayuda a alumnos con TDAH. La navegación por teclado ayuda a usuarios avanzados. Las mejoras de accesibilidad benefician a todos los alumnos, un concepto conocido como el efecto rampa.
• Ventaja de mercado: las organizaciones que priorizan la accesibilidad informan de mayores tasas de inscripción, menor abandono y mayor fidelización de marca.

Entender WCAG 2.2 AA: el estándar de accesibilidad

Las Pautas de Accesibilidad para el Contenido Web (WCAG) son el estándar internacional de accesibilidad digital. La versión 2.2, publicada por el W3C, es la referencia actual. La mayoría de las leyes hacen referencia a WCAG 2.1 AA como mínimo, pero 2.2 AA es el objetivo al que deberías apuntar.

WCAG se organiza en torno a cuatro principios, conocidos por el acrónimo POUR:

1. Perceptible: el contenido debe presentarse de maneras que todos los usuarios puedan percibir. Esto incluye alternativas textuales para imágenes, subtítulos para vídeos y contraste de color suficiente.
2. Operable: toda la funcionalidad debe estar disponible a través del teclado, con tiempo suficiente para interactuar y sin provocar convulsiones ni reacciones físicas.
3. Comprensible: el contenido debe ser legible y predecible. Los formularios deben proporcionar instrucciones claras y mensajes de error.
4. Robusto: el contenido debe funcionar de forma fiable con tecnologías de asistencia, incluidos lectores de pantalla, dispositivos de conmutación y software de control por voz.

Cada principio contiene criterios de conformidad específicos clasificados en tres niveles: A (mínimo), AA (recomendado) y AAA (ideal). Para los cursos online, WCAG 2.2 Nivel AA es el estándar que debes cumplir.

Criterios clave de WCAG 2.2 para creadores de cursos

No necesitas memorizar los 86 criterios de conformidad. Céntrate en los más relevantes para el e-learning:

• 1.1.1 Contenido no textual (A): cada imagen, gráfico y diagrama necesita texto alternativo.
• 1.2.2 Subtítulos (A): todos los vídeos pregrabados deben tener subtítulos sincronizados.
• 1.2.5 Audiodescripción (AA): el contenido en vídeo debe incluir audiodescripciones cuando la información visual no se transmite a través de la pista de audio.
• 1.3.1 Información y relaciones (A): utilizar encabezados HTML semánticos, listas y tablas, no solo formato visual.
• 1.4.3 Contraste (AA): el texto debe tener una relación de contraste de al menos 4,5:1 respecto a su fondo.
• 2.1.1 Teclado (A): todo el contenido y los controles deben ser operables únicamente con el teclado.
• 2.4.6 Encabezados y etiquetas (AA): los encabezados y las etiquetas deben describir su tema o propósito.
• 3.1.1 Idioma de la página (A): el idioma predeterminado de cada página debe determinarse programáticamente.

Paso 1: Añadir subtítulos precisos a todos los vídeos

El vídeo es la columna vertebral de la mayoría de los cursos online, y los subtítulos son la mejora de accesibilidad individual más impactante que puedes realizar. Los subtítulos benefician a alumnos sordos o con dificultades auditivas, hablantes no nativos, personas que ven contenido en entornos ruidosos y alumnos que procesan la información escrita con mayor eficacia que la hablada.

Buenas prácticas de subtitulado

• Utiliza subtítulos revisados por humanos, no los generados automáticamente sin corregir. Los subtítulos autogenerados de YouTube o plataformas similares suelen tener tasas de error del 10-30%. Para contenido educativo con terminología técnica, las tasas de error pueden ser aún mayores. Revisa y corrige siempre los subtítulos autogenerados.
• Incluye identificación del hablante cuando hablan varias personas.
• Describe los sonidos relevantes: [aplausos], [música sonando], [teléfono sonando]. Estos sonidos no verbales transmiten significado.
• Mantén la sincronización de los subtítulos con el audio. Cada subtítulo debe aparecer en un margen de 100 milisegundos respecto a la palabra hablada.
• Limita la longitud de línea a 32-42 caracteres por línea, con un máximo de dos líneas mostradas a la vez.
• Proporciona transcripciones como complemento descargable a los subtítulos del vídeo. Las transcripciones permiten a los alumnos buscar, repasar y estudiar a su propio ritmo.

Plataformas como Eduspera integran subtitulado automático impulsado por reconocimiento de voz con IA, ofreciéndote un buen punto de partida que puedes revisar y perfeccionar en lugar de crear desde cero.

Paso 2: Escribir texto alternativo significativo para imágenes y diagramas

El texto alternativo (alt text) es una descripción breve de una imagen que los lectores de pantalla anuncian a los usuarios ciegos o con baja visión. También se muestra cuando las imágenes no se cargan y los motores de búsqueda lo utilizan para comprender tu contenido.

Directrices de texto alternativo para contenido de cursos

• Sé específico y conciso. Describe lo que muestra la imagen y por qué es relevante en su contexto. "Gráfico de barras que muestra las tasas de finalización por grupo de edad, con el grupo de 25-34 años al 78%" es mucho más útil que "gráfico".
• Omite las imágenes decorativas. Si una imagen es puramente decorativa (un separador, un patrón de fondo), utiliza un atributo alt vacío (alt="") para que los lectores de pantalla la omitan.
• Describe los diagramas complejos en detalle. Para diagramas de flujo, infografías o diagramas arquitectónicos, proporciona una descripción larga en el texto circundante o mediante un enlace a una página de descripción.
• No empieces con "Imagen de" o "Foto de". Los lectores de pantalla ya anuncian que el elemento es una imagen. Empezar con estas frases es redundante.
• Incluye el texto que aparece en la imagen. Si tu captura de pantalla contiene texto importante, ese texto debe reproducirse en el atributo alt o en el contenido circundante.

Consejo profesional: pregúntate "Si no pudiera ver esta imagen, ¿qué información me perdería?". Tu respuesta es tu texto alternativo.

Paso 3: Garantizar la navegación completa por teclado

Muchos alumnos no pueden utilizar un ratón. Las personas con discapacidades motoras, temblores, lesiones por esfuerzo repetitivo o lesiones temporales dependen de la navegación por teclado, dispositivos de conmutación o el control por voz, todos los cuales requieren un soporte adecuado de teclado.

Lista de verificación de accesibilidad por teclado

• Navega con Tab por cada página. Cada elemento interactivo (enlaces, botones, campos de formulario, controles de vídeo, entradas de cuestionarios) debe ser accesible y operable usando la tecla Tab, la tecla Enter y las teclas de flecha.
• Indicadores de foco visibles. Cuando un usuario navega con Tab a un elemento, debe aparecer un contorno visual claro. Nunca elimines el anillo de foco predeterminado con outline: none sin proporcionar una alternativa igualmente visible.
• Orden de tabulación lógico. El foco debe moverse por la página en un orden de lectura natural: de izquierda a derecha, de arriba abajo (en idiomas de escritura de izquierda a derecha). No uses valores positivos de tabindex que anulen el orden natural.
• Sin trampas de teclado. Los usuarios deben poder entrar y salir de cada componente. Los diálogos modales, reproductores de vídeo y widgets incrustados son puntos de trampa habituales. Asegúrate de que la tecla Escape cierre los modales y devuelva el foco al elemento que los activó.
• Enlaces para saltar navegación. Proporciona un enlace "Saltar al contenido principal" en la parte superior de cada página para que los usuarios de teclado no tengan que recorrer toda la navegación en cada carga de página.

Prueba tu curso desconectando el ratón y navegando cada lección usando solo el teclado. Si te quedas atascado en algún punto, tus alumnos también lo harán.

Paso 4: Utilizar un contraste de color suficiente

El contraste de color afecta la legibilidad para todos, pero es fundamental para alumnos con baja visión, daltonismo o cambios de visión relacionados con la edad. Aproximadamente el 8% de los hombres y el 0,5% de las mujeres tienen alguna forma de deficiencia de visión cromática.

Requisitos de contraste

• Texto normal (inferior a 18pt / 24px): relación de contraste mínima de 4,5:1 respecto al fondo.
• Texto grande (18pt+ negrita o 24px+ normal): relación de contraste mínima de 3:1.
• Elementos no textuales (iconos, segmentos de gráficos, bordes de campos de formulario): relación de contraste mínima de 3:1.
• Nunca uses el color como único indicador. Si un cuestionario muestra las respuestas correctas en verde y las incorrectas en rojo, añade también un icono de verificación o una X. Al menos 300 millones de personas en el mundo tienen deficiencia de visión cromática.

Utiliza herramientas gratuitas como el Verificador de Contraste de WebAIM o el panel de accesibilidad de las DevTools del navegador para verificar las relaciones de contraste. Diseña tus diapositivas y materiales del curso teniendo en cuenta el contraste desde el principio, no como un añadido posterior.

Paso 5: Desarrollar para la compatibilidad con lectores de pantalla

Los lectores de pantalla como JAWS, NVDA y VoiceOver convierten el contenido de la pantalla en salida de voz o braille. Para que tu curso funcione con lectores de pantalla, el HTML subyacente debe ser semántico y estar bien estructurado.

Buenas prácticas para lectores de pantalla

• Utiliza elementos HTML semánticos. Los encabezados (<h1> a <h6>), listas (<ul>, <ol>), tablas (<table> con <th>) y puntos de referencia (<nav>, <main>, <aside>) proporcionan a los lectores de pantalla la información estructural que necesitan.
• Utiliza atributos ARIA con moderación y correctamente. Los atributos ARIA (Aplicaciones de Internet Enriquecidas y Accesibles) pueden mejorar la accesibilidad del contenido dinámico, pero un uso incorrecto de ARIA es peor que no usar ARIA. La primera regla de ARIA: no uses ARIA si un elemento HTML nativo cumple la función.
• Etiqueta todas las entradas de formulario. Cada campo de texto, desplegable, casilla de verificación y botón de radio necesita un elemento <label> asociado. El texto del placeholder no sustituye a las etiquetas.
• Anuncia los cambios de contenido dinámico. Si enviar un cuestionario muestra los resultados sin recargar la página, utiliza regiones aria-live para anunciar el nuevo contenido a los lectores de pantalla.
• Prueba con lectores de pantalla reales. Las herramientas automatizadas detectan aproximadamente el 30-40% de los problemas de accesibilidad. Las pruebas manuales con VoiceOver (macOS/iOS), NVDA (Windows, gratuito) o TalkBack (Android) son imprescindibles.

Paso 6: Elegir tipografías y tipografía accesibles

La tipografía afecta la legibilidad para todos los alumnos, pero especialmente para aquellos con dislexia (estimada entre el 10-15% de la población), baja visión o discapacidades cognitivas.

Directrices de tipografía

• Utiliza fuentes sans-serif para el texto del cuerpo. Arial, Helvetica, Verdana y las fuentes del sistema son consistentemente legibles en distintos dispositivos y capacidades.
• Establece un tamaño de fuente base de al menos 16px. Un texto más pequeño obliga a los usuarios a hacer zoom, lo que puede romper las maquetaciones. Permite a los usuarios redimensionar el texto hasta un 200% sin pérdida de contenido ni funcionalidad (WCAG 1.4.4).
• Utiliza una altura de línea generosa. Una altura de línea de 1,5 a 1,8 mejora la legibilidad para todos. WCAG 1.4.12 requiere que los usuarios puedan ajustar la altura de línea a al menos 1,5 veces el tamaño de la fuente.
• Limita la longitud de línea a 60-80 caracteres por línea. Las líneas largas hacen que los lectores pierdan su posición al pasar a la línea siguiente.
• Evita el texto justificado. El texto justificado crea un espaciado desigual entre palabras que resulta especialmente difícil para los lectores disléxicos. Utiliza texto alineado a la izquierda en su lugar.
• Asegura un espaciado de párrafo suficiente. Utiliza al menos 1,5 veces el tamaño de la fuente para el espaciado entre párrafos.

Paso 7: Estructurar tu contenido con claridad

Una estructura de contenido clara es un requisito de accesibilidad y una buena práctica pedagógica. El contenido bien estructurado reduce la carga cognitiva y ayuda a todos los alumnos a navegar, comprender y retener la información.

Buenas prácticas de estructura de contenido

• Utiliza un único H1 por página para el título de la lección o módulo. Organiza las subsecciones con encabezados H2 y H3 en una jerarquía lógica. Nunca saltes niveles de encabezado (por ejemplo, pasar de H2 a H4).
• Divide el contenido en secciones breves. Cada sección debería cubrir un concepto. Apunta a 150-300 palabras por sección.
• Utiliza viñetas y listas numeradas para pasos secuenciales, listas de características o puntos clave. Las listas son más fáciles de escanear que los párrafos densos.
• Proporciona una navegación clara. Cada curso debería tener un índice de contenidos, indicadores de progreso y la posibilidad de saltar entre lecciones y módulos.
• Escribe en lenguaje sencillo. Utiliza oraciones cortas. Define los términos técnicos cuando se introducen por primera vez. Apunta a un nivel de lectura de 8.º grado para audiencias generales.
• Ofrece múltiples formatos. Proporciona el mismo contenido como vídeo, transcripción textual y PDF o diapositivas descargables cuando sea posible. Esto atiende a diversas preferencias de aprendizaje y necesidades de tecnología de asistencia.

Las plataformas diseñadas con la accesibilidad como pilar, como Eduspera, aplican una estructura de contenido adecuada a través de su editor, dificultando la creación de contenido inaccesible desde el inicio.

Paso 8: Probar la accesibilidad de tu curso

Crear contenido accesible no es una tarea puntual. Necesitas un proceso de pruebas repetible que detecte los problemas antes de que los alumnos los encuentren.

Proceso de pruebas de accesibilidad

1. Ejecuta escaneos automatizados. Utiliza herramientas como axe DevTools, WAVE o Lighthouse para detectar problemas comunes (texto alternativo ausente, bajo contraste, etiquetas ausentes). Las herramientas automatizadas detectan aproximadamente el 30-40% de las violaciones WCAG.
2. Realiza pruebas solo con teclado. Navega por cada página, lección, cuestionario y elemento interactivo usando solo el teclado. Documenta cualquier punto donde te quedes atascado o pierdas el foco.
3. Prueba con un lector de pantalla. Recorre al menos una lección completa usando VoiceOver, NVDA o TalkBack. Presta atención a anuncios confusos, botones sin etiquetar o contexto faltante.
4. Comprueba al 200% de zoom. Amplía tu navegador al 200% y verifica que todo el contenido siga visible, legible y funcional. No debería requerirse desplazamiento horizontal.
5. Verifica los subtítulos. Mira cada vídeo con los subtítulos activados y el sonido desactivado. Comprueba la precisión, la sincronización y la completitud.
6. Prueba en dispositivos móviles. Muchos alumnos acceden a los cursos desde teléfonos y tabletas. Asegúrate de que los objetivos táctiles midan al menos 44x44 píxeles y que el contenido se reorganice correctamente en pantallas pequeñas.
7. Incluye a usuarios con discapacidad en las pruebas. Ninguna cantidad de pruebas automatizadas o manuales sustituye la perspectiva de usuarios reales que dependen de la tecnología de asistencia a diario. Considera reclutar probadores con diversas discapacidades para las pruebas de usabilidad.

Mejoras rápidas: empieza aquí si te sientes abrumado

Si la lista completa te parece abrumadora, empieza con estos cinco cambios que ofrecen el mayor impacto con el menor esfuerzo:

1. Añade subtítulos a todos los vídeos. Utiliza los subtítulos generados por IA como punto de partida y corrige los errores manualmente.
2. Añade texto alternativo a todas las imágenes. Prioriza primero las imágenes informativas y después las decorativas.
3. Comprueba el contraste de color en tus diapositivas y páginas más utilizadas con el Verificador de Contraste de WebAIM.
4. Añade estilos de foco visibles a todos los elementos interactivos para que los usuarios de teclado puedan ver dónde se encuentran.
5. Utiliza una jerarquía de encabezados adecuada en tu contenido en lugar de párrafos en negrita.

Solo estos cinco pasos resolverán la mayoría de las barreras de accesibilidad que tus alumnos enfrentan hoy.

Elegir una plataforma de cursos accesible

Tu elección de plataforma determina cuánto trabajo de accesibilidad recae sobre ti frente a lo que se gestiona automáticamente. Al evaluar plataformas, busca:

• Cumplimiento integrado de WCAG 2.2 AA en toda la experiencia del alumno.
• Generación automática de subtítulos con interfaz de edición para correcciones.
• Solicitudes de texto alternativo que exijan descripciones al subir imágenes.
• Editor de contenido semántico que aplique una estructura de encabezados adecuada.
• Reproductor de vídeo accesible por teclado con controles visibles y teclas de acceso rápido.
• Pruebas con lectores de pantalla como parte del proceso de QA de la plataforma.
• Componentes de cuestionarios y evaluaciones accesibles con etiquetas ARIA adecuadas y anuncios de errores.

Eduspera fue diseñada desde cero con WCAG 2.2 AA como requisito de producto, no como un añadido. Cada componente se prueba con axe-core, navegación por teclado y lectores de pantalla reales antes de su lanzamiento. Si la accesibilidad es una prioridad para tu organización, elegir una plataforma que comparta esa prioridad elimina las barreras más comunes antes de que crees una sola lección.

Preguntas frecuentes

¿Es un requisito legal hacer accesibles los cursos online?

Sí, en la mayoría de las jurisdicciones. En Estados Unidos, la ADA y la Sección 508 exigen contenido digital accesible para instituciones educativas y organizaciones que reciben financiación federal. La Ley Europea de Accesibilidad (EAA), en vigor desde junio de 2025, exige productos y servicios digitales accesibles en toda la UE. La Ley de Igualdad del Reino Unido, la AODA de Canadá y la DDA de Australia imponen obligaciones similares. Incluso si tu organización no está directamente cubierta por estas leyes, las demandas por accesibilidad contra proveedores de educación online han aumentado significativamente, y los tribunales han dictaminado sistemáticamente que el contenido educativo digital debe ser accesible.

¿Cuánto cuesta hacer un curso online accesible?

El coste depende de tu punto de partida. Si diseñas con la accesibilidad en mente desde el principio, el coste marginal es prácticamente cero: simplemente se convierte en parte de tu flujo de trabajo. Adaptar cursos existentes es más costoso. El subtitulado profesional cuesta entre 1 y 3 dólares por minuto de vídeo. El texto alternativo, la estructura de encabezados y las pruebas de teclado son inversiones de tiempo más que financieras. El enfoque más rentable es elegir una plataforma que gestione los requisitos técnicos de accesibilidad automáticamente, para que puedas centrarte en la calidad del contenido. El coste de la inaccesibilidad, a través de la pérdida de alumnos, el riesgo legal y el daño reputacional, casi siempre supera el coste de hacerlo bien.

¿Puedo confiar en herramientas automatizadas para hacer mi curso accesible?

Las herramientas automatizadas de pruebas de accesibilidad son imprescindibles pero insuficientes por sí solas. Herramientas como axe DevTools, WAVE y Lighthouse pueden detectar aproximadamente el 30-40% de las violaciones WCAG, principalmente problemas técnicos como texto alternativo ausente, relaciones de contraste bajas y etiquetas de formulario faltantes. Sin embargo, no pueden evaluar si el texto alternativo es significativo, si los subtítulos son precisos, si el orden de tabulación es lógico o si el contenido es comprensible. Una estrategia integral de accesibilidad combina escaneos automatizados, pruebas manuales con teclado y lector de pantalla, y pruebas de usabilidad con personas con discapacidad. Utiliza las herramientas automatizadas como tu primera línea de defensa y complémentalas con revisión manual.