Saltar al contenido
Todos los cursosCursos de programación y tecnología

Accesibilidad Web (WCAG)

Aprende a crear sitios web accesibles para todas las personas. Estándares WCAG 2.2, herramientas de auditoría, HTML semántico, ARIA, contraste de colores y navegación por teclado. Es un curso en español con 4 módulos y 12 lecciones. Puedes revisar el temario completo antes de elegir entre la compra individual y la matrícula al catálogo.

Temario estructurado12 lecciones5 h de carga estimada

Responsable de formación: Gerardo Salazar, product builder e ingeniero de software.

Toda la escuela: US$100 en un solo pago, sin suscripción ni renovaciones. Incluye los 131 cursos y los futuros. También seis cuotas mensuales de US$20 (US$120 en total) o compra individual. Elige la opción que te venga mejor.

Cursalo · Programación y tecnología
Accesibilidad Web (WCAG)
APRENDE · EXPLORA · APLICA

Aprende con un caso concreto

Lo que vas a poner en práctica

  • Detectar barreras en un recorrido completo de reserva y describir su efecto.
  • Elegir elementos semánticos y sincronizar estados comunicados con comportamientos reales.
  • Corregir problemas de foco, etiquetas y mensajes de error con pruebas repetibles.
  • Priorizar incidencias y entregar evidencia de mejoras y límites.

Una reserva que cualquiera pueda completar

Trabajarás con un sitio ficticio de reservas para una biblioteca. La tarea es elegir una sala, indicar una fecha y recibir una confirmación. Parece un recorrido pequeño, pero concentra problemas frecuentes: imágenes que comunican información, botones, calendario, formulario, validación y mensajes de estado. El objetivo del curso es aprender a encontrar barreras en ese recorrido y corregirlas con pruebas que otra persona pueda repetir.

Empieza definiendo qué significa completar la reserva: localizar la sala, conocer su capacidad, seleccionar una fecha disponible, corregir un dato equivocado y reconocer el resultado del envío. Esta descripción evita confundir una auditoría con una colección de advertencias técnicas. Un botón puede tener buen contraste y, aun así, no responder al teclado. Un formulario puede usar etiquetas correctas y, aun así, perder los datos cuando aparece un error. Evaluarás la tarea completa, además de sus controles aislados.

En los fundamentos construirás un mapa de barreras y consecuencias. Usarás los cuatro principios de accesibilidad para ordenar observaciones, sin tratar sus nombres como sustitutos de una comprobación. Un texto alternativo se revisa preguntando qué información necesita la persona; un control se revisa preguntando si puede encontrarlo y accionarlo. También separarás las comprobaciones automáticas de las que requieren recorrer la interfaz: una herramienta ayuda a encontrar ciertos problemas, pero su resultado no certifica por sí solo la experiencia.

En HTML semántico y ARIA revisarás la elección de elementos, los nombres de controles y los estados dinámicos. Primero buscarás una solución con elementos nativos. Después estudiarás cuándo un componente personalizado necesita comunicar información adicional. Cada atributo debe corresponder a un comportamiento real: declarar un cuadro de diálogo no crea su gestión del foco, y anunciar un botón deshabilitado no impide automáticamente que su código ejecute una acción.

La parte de teclado, formularios y errores convierte esas decisiones en pruebas de uso. Registrarás el orden del foco, la visibilidad de la selección y el regreso a la tarea después de un error. Trabajarás con mensajes concretos: qué dato falló, cómo corregirlo y qué información sigue conservada. Las prácticas usan datos inventados y un entorno de prueba; no necesitas recopilar información personal de estudiantes ni publicar sus dificultades.

En medición y mejora prepararás un inventario pequeño y priorizado. Una incidencia tendrá pasos de reproducción, comportamiento observado, resultado esperado y evidencia después de la corrección. Distinguirás una mejora cerrada de una pendiente y evitarás prometer una conformidad completa a partir de unas pocas pantallas. Los planes de siete y treinta días sirven para asignar responsables y repetir pruebas, no para afirmar que todos los problemas desaparecen en ese plazo.

El trabajo final será una reserva accesible acompañada de un informe de cinco incidencias. Entregarás una versión inicial, una versión corregida y un registro que muestre qué cambió. Comprueba el recorrido sin ratón, con aumento de texto y con tecnología de asistencia disponible. Si una comprobación no pudo realizarse, márcala como pendiente. El resultado útil es una interfaz mejor y evidencia clara de sus límites.

Cuatro comprobaciones de accesibilidad: imagen con texto alternativo, foco de teclado, formulario etiquetado y estructura HTML semántica.
CursaloMapa de práctica
Accesibilidad: cuatro comprobaciones

El texto alternativo comunica el propósito de una imagen. La navegación por teclado necesita un foco visible; los campos necesitan etiquetas y la página una estructura semántica. Estas comprobaciones ayudan a detectar barreras y no sustituyen una auditoría completa.

Ver la infografía en tamaño completo ↗

Proyecto final

Una reserva de biblioteca con pruebas de accesibilidad

Revisa y corrige una página ficticia para reservar Sala Norte o Sala Sur, conservando evidencia antes y después.

Qué entregar

  • Página de prueba con selección de sala, fecha y formulario.
  • Informe de cinco incidencias con pasos, estado y pruebas.
  • Plan priorizado para las comprobaciones pendientes.

Cómo comprobarlo

  • Recorrido de reserva repetible solo con teclado.
  • Campos y mensajes comprensibles, conservando valores válidos.
  • Cada incidencia cerrada tiene una prueba repetida y documentada.
Fuentes para profundizar

Temario completo

12 lecciones

Vista previa del programa. Las clases se desbloquean al comprar el curso o con la matrícula.

Fundamentos de Accesibilidad

  • ¿Por Qué Importa la Accesibilidad?
  • Principios POUR de accesibilidad web
  • Herramientas de Auditoría de Accesibilidad
  • Contraste y texto alternativo accesible
  • Iteración y mejora: Accesibilidad Web (WCAG)

HTML Semántico y ARIA

  • HTML Semántico para Accesibilidad
  • ARIA roles, states y properties
  • Navegación por Teclado y Focus Management
  • Formularios accesibles y mensajes de error
  • Plan de 7 días: Accesibilidad Web (WCAG)

Medición y mejora

  • Plan de 30 días: Accesibilidad Web (WCAG)

Plan de implementación

  • Cierre y próximos pasos: Accesibilidad Web (WCAG)

Por qué Cursalo

APLICA

Aprende haciendo

Cada lección convierte una explicación concreta en una tarea útil que puedes repetir.

TU RITMO

Avanza sin presión

Tu progreso queda guardado para continuar exactamente desde donde lo dejaste.

APOYO

Todo en un mismo lugar

Lecciones, prompts, materiales y tutor con IA reunidos para ayudarte mientras practicas.

Lecturas del programa

Explora estas lecciones públicas y vuelve al curso para consultar las opciones de acceso y guardar tu progreso.

Preguntas frecuentes

¿Cómo accedo al curso Accesibilidad Web (WCAG)?

Puedes adquirir el curso Accesibilidad Web (WCAG) con una compra única y conservar el acceso a ese curso, o acceder al catálogo con una membresía mensual, anual o de por vida, según las condiciones de cada plan. Consulta las condiciones y los precios actualizados en /precios.

¿Qué incluye Accesibilidad Web (WCAG)?

Es un curso completo en español con 4 módulos y 12 lecciones. El temario público muestra cada lección; los materiales adicionales se identifican dentro del curso cuando están disponibles.

¿Necesito conocimientos previos para hacer Accesibilidad Web (WCAG)?

Revisa el temario público para comprobar el punto de partida y la progresión de Accesibilidad Web (WCAG). Puedes avanzar a tu ritmo desde el panel y volver a la última lección visitada.

¿El curso Accesibilidad Web (WCAG) entrega certificado?

Las rutas certificables permiten emitir un certificado de finalización cuando completas sus requisitos y tienes el acceso correspondiente. Cada certificado emitido cuenta con una página pública de verificación.

¿En qué idioma está y para qué países sirve?

Está en español y se estudia online. Puedes acceder desde Latinoamérica, España u otro país con conexión a internet; el checkout muestra los importes en USD.

¿Qué formato tiene el curso?

El formato actual es lectura y práctica. Consulta las lecciones y sus recursos; no se ofrece como un curso completo de video.

¿Puedo revisar el programa antes de pagar?

Sí. El temario y esta ficha son públicos. Compara el contenido y los requisitos con tu objetivo antes de elegir una compra individual o un acceso a toda la escuela en /precios.

Reseñas de estudiantes

Sé el primero en dejar una reseña

Reseñas de estudiantes

Aún no hay reseñas para este curso.

Otros cursos de IA

Ver todo el catálogo →

01 / ELEGIR UNA RUTA

El próximo paso

Aprende IA mientras construyes algo que sí necesitas.

Empieza por el curso inicial o explora el catálogo para encontrar una práctica alineada con tu trabajo.