Web Accessibility Academy

Name: Web Accessibility Academy
Availability: InStock

HTMLFrontendWebEnterprise

Construye sitios web inclusivos que todos puedan usar. Domina HTML semántico, ARIA, soporte para teclado y lectores de pantalla, y conformidad WCAG 2.2.

🤖 Impulsado por IA📚 30 cursos👥 100.000+ estudiantes⭐ Calificación 4,9

Comienza a aprender →Explora el plan de estudios ↓

Descripción general del curso

Web Accessibility (a11y): Construye para Todos

Construye sitios web inclusivos que todos puedan usar. Domina HTML semántico, ARIA, soporte para teclado y lectores de pantalla, y conformidad WCAG 2.2. Esta pista cubre 30 mini-cursos progresivos desde principiante absoluto (A1) hasta avanzado (B2), con lecciones breves y enfocadas y cuestionarios rápidos para consolidar cada concepto.

Qué Aprenderás

Comienzas con los fundamentos y avanzas a través de temas intermedios y avanzados, cada curso basándose en el anterior. Cada lección es práctica y manejable, con un tutor de IA disponible 24/7 cuando necesites ayuda.

Cómo Funciona

Cada curso se divide en cuatro lecciones enfocadas y manejables. Completa algunas lecciones al día y dominarás la pista completa en semanas, no en meses.

Comienza a aprender →

Herramientas

Explora las herramientas del curso

Potencia tu aprendizaje con herramientas y funciones impulsadas por IA

💬

Chat con IA

Chatea con tu tutor de IA

🧠

Súper PreguntaPRO

Obtén respuestas a nivel experto

📝

Crear LecciónPRO

Constructor de lecciones impulsado por IA

🏆

Iniciar Examen de CertificaciónPRO

Obtén tu certificado

🎯

Iniciar Desafío

Pon a prueba tus habilidades

Cómo Aprenderás

🎯

Lecciones Interactivas

Ejercicios de codificación prácticos con retroalimentación en tiempo real

🤖

Tutor de IA

Obtén ayuda instantánea de nuestro IA cuando te atasques

💻

Editor Integrado

Escribe y ejecuta código directamente en tu navegador

🏆

Certificado

Obtén un certificado al completar el curso

Plan de Estudios

30 Cursos

Todos los cursos en la ruta de aprendizaje Web Accessibility Academy.

Por qué importa la accesibilidad: personas y barreras reales

A14 lecciones

Explique a quién ayuda la accesibilidad y los argumentos empresariales y éticos para crear productos inclusivos.

Su primera página accesible: la mentalidad POUR

A14 leccionesPRO

Aplique los cuatro principios de WCAG para evaluar si una página es accesible.

HTML semántico: deje que el navegador haga el trabajo

A14 leccionesPRO

Elija elementos significativos para que la página sea accesible antes de añadir un solo atributo.

Encabezados y estructura del documento bien hechos

A14 leccionesPRO

Construya una estructura lógica de encabezados que los usuarios de lectores de pantalla puedan recorrer.

Regiones: cartografíe la página para lectores de pantalla

A14 leccionesPRO

Utilice regiones de referencia para que los usuarios puedan saltar directamente a la parte que necesitan.

Texto alternativo que realmente describe las imágenes

A24 leccionesPRO

Escriba alternativas para las imágenes que transmitan significado en lugar de añadir ruido.

Enlaces frente a botones: deje de confundirlos

A24 leccionesPRO

Elija el elemento interactivo correcto para que el comportamiento y la semántica coincidan.

Formularios accesibles: etiquetas en las que confiar

A24 leccionesPRO

Construya formularios en los que cada control tenga un nombre y sea fácil de utilizar.

Color y contraste: haga que el texto sea legible

A24 leccionesPRO

Asegúrese de que el texto y la interfaz destaquen lo suficiente para usuarios con baja visión o daltonismo.

Navegación con teclado: no se necesita ratón

A24 leccionesPRO

Haga que todas las interacciones sean accesibles y visibles usando únicamente el teclado.

Fundamentos de ARIA: roles, estados y propiedades

B14 leccionesPRO

Utilice ARIA correctamente para añadir el significado que el HTML nativo no puede expresar.

Nombres y descripciones accesibles

B14 leccionesPRO

Controle exactamente lo que la tecnología de asistencia anuncia para cada elemento.

Gestión y orden del foco

B14 leccionesPRO

Mueva y contenga el foco para que las interfaces dinámicas sigan siendo utilizables.

Enlaces para saltar y bloques evitables

B14 leccionesPRO

Permita que los usuarios del teclado salten el contenido repetido y lleguen a lo importante.

Validación y errores accesibles en formularios

B14 leccionesPRO

Comunique los errores de los formularios para que todos los usuarios puedan encontrarlos y corregirlos.

Tablas de datos accesibles

B14 leccionesPRO

Marque las tablas para que la relación entre celdas y encabezados sea clara.

SVG, iconos y gráficos decorativos accesibles

B14 leccionesPRO

Exponga los gráficos significativos y oculte los que sean puramente decorativos.

Modales y diálogos accesibles

B14 leccionesPRO

Construya diálogos que contengan el foco, se cierren correctamente y se anuncien por sí mismos.

Construcción de pestañas y acordeones accesibles

B14 leccionesPRO

Implemente widgets habituales de divulgación con ARIA y teclas correctos.

Pruebas con lectores de pantalla: NVDA y VoiceOver

B14 leccionesPRO

Pruebe su trabajo como lo experimentan realmente las personas ciegas.

WCAG 2.2 AA: conformidad sólida

B24 leccionesPRO

Relacione criterios de éxito reales con correcciones concretas para crear un sitio conforme con el nivel AA.

Accesibilidad en React y SPA

B24 leccionesPRO

Mantenga accesibles las aplicaciones de una sola página a pesar del enrutamiento del lado del cliente y las nuevas renderizaciones.

Regiones dinámicas de ARIA: anuncie los cambios

B24 leccionesPRO

Informe a los usuarios de lectores de pantalla sobre cambios que ocurren sin recargar la página.

Prácticas de autoría de ARIA para widgets complejos

B24 leccionesPRO

Construya widgets personalizados sólidos siguiendo patrones probados de APG.

Movimiento reducido y animación segura

B24 leccionesPRO

Respete las preferencias de movimiento y evite provocar malestar o convulsiones.

Visualización de datos accesible

B24 leccionesPRO

Haga que los gráficos y diagramas se puedan percibir más allá del color y la forma.

Pruebas automatizadas: axe, Lighthouse y Playwright

B24 leccionesPRO

Detecte automáticamente en su canalización una clase de errores de accesibilidad.

Auditorías manuales y corrección

B24 leccionesPRO

Realice una auditoría manual estructurada y priorice las correcciones importantes.

Panorama jurídico: ADA, EN 301 549 y más

B24 leccionesPRO

Comprenda las leyes y normas que sitúan la accesibilidad en la hoja de ruta.

Construir una cultura y una lista de comprobación de accesibilidad

B24 leccionesPRO

Integre la accesibilidad en su equipo para que perdure más allá de un solo proyecto.

Preguntas frecuentes

¿Es gratuito el curso Web Accessibility Academy?

Sí. Puedes empezar el curso Web Accessibility Academy gratis y completar sus lecciones interactivas sin costo alguno. Una suscripción opcional a PRO desbloquea herramientas avanzadas de IA y un certificado compartible.

¿Necesito experiencia previa para aprender HTML?

No. El curso comienza con los fundamentos y avanza gradualmente hacia temas más avanzados, así que puedes empezar incluso sin experiencia previa en HTML.

¿Cómo aprenderé HTML en CoddyKit?

Aprendes haciendo. Las lecciones interactivas cortas combinan una explicación clara con un ejercicio de codificación práctico que se ejecuta en tiempo real, y un tutor de IA disponible 24/7 te da ayuda personalizada siempre que te atasques.

¿Obtengo un certificado al completar Web Accessibility Academy?

Sí. Los aprendices PRO pueden hacer un examen y obtener un certificado compartible de finalización con un código verificable para el curso Web Accessibility Academy.

¿Puedo aprender HTML en mi teléfono?

Sí. CoddyKit está disponible en la web y como aplicaciones nativas para iOS y Android, así que puedes aprender HTML en cualquier dispositivo y tu progreso se sincroniza entre ellos.

Comienza Web Accessibility Academy Ahora

Únete a miles de estudiantes dominando programación con lecciones impulsadas por IA.

Empezar Gratis →Ver Todos los Cursos