Nivel 3 de 7 · ACA-3 Gratis
Desarrollo web accesible
HTML semántico, formularios, teclado, ARIA y componentes que funcionan con tecnologías de apoyo.
- 6 cursos
- 60 lecciones
- 60 ejercicios prácticos
- 30 preguntas y 3 casos prácticos en el examen
- 60 minutos
- Nota mínima 70 %
Qué aprenderás
El nivel técnico para quienes construyen la web: estructura semántica, formularios accesibles, teclado y gestión del foco, WAI-ARIA bien usado, patrones de componentes (menús, modales, pestañas) y accesibilidad en CSS, JavaScript y frameworks modernos, con pruebas automáticas integradas en el desarrollo.
Para quién es: Desarrolladores front-end y full-stack, maquetadores, QA.
Cursos del nivel
-
N3-C1
HTML semántico y estructura
El HTML es la capa donde se gana o se pierde la mayor parte de la accesibilidad. Este curso explica cómo el navegador construye el árbol de accesibilidad y calcula el nombre accesible, y cómo estructurar páginas con landmarks, encabezados, listas, semántica del texto y tablas que cualquier tecnología de apoyo entienda. Después lo aplica a plantillas reales, a la orientación dentro del sitio, al título, el idioma y el orden del código, y a los errores de marcado que rompen la accesibilidad en silencio.
-
N3-C2
Formularios accesibles
Los formularios son el punto donde una web deja de informar y empieza a prestar servicio (una solicitud, una compra, un registro) y también donde más personas se quedan fuera. Este curso enseña a etiquetar, agrupar y explicar los campos, a entender lo que anuncia un lector de pantalla, a validar y comunicar errores y a aprovechar autocomplete. También a construir controles, autenticaciones, CAPTCHA, selectores y procesos de varios pasos que no excluyan a nadie.
-
N3-C3
Teclado y gestión del foco
Si una interfaz funciona con teclado, funciona con lectores de pantalla, con conmutadores, con control por voz y con la mayoría de las tecnologías de apoyo. Este curso cubre la operabilidad completa con teclado, el modelo de foco del navegador, el orden y la visibilidad del foco, la navegación con flechas en componentes compuestos, los eventos y atajos de teclado, la gestión del foco en modales y aplicaciones de una sola página, y un protocolo de prueba que puedes aplicar a cualquier página en diez minutos.
-
N3-C4
WAI-ARIA: fundamentos
WAI-ARIA es el vocabulario que permite describir a las tecnologías de apoyo lo que el HTML por sí solo no puede expresar: bien usado, hace accesibles componentes complejos; mal usado, rompe lo que funcionaba. Este curso explica las cinco reglas de uso, el camino del código al lector de pantalla, roles, estados, propiedades y relaciones, cómo leer la especificación y la APG, cómo ocultar y desactivar correctamente y cómo anunciar cambios con regiones activas. Termina con los errores más repetidos, cómo detectarlos y un caso práctico resuelto.
-
N3-C5
Componentes interactivos accesibles
Las interfaces se construyen con un puñado de componentes que se repiten en todas partes y, si estos son accesibles, casi toda la aplicación lo es. Este curso recorre cada uno con su patrón de referencia en la ARIA Authoring Practices Guide (APG): botones y enlaces, widgets compuestos, menús y pestañas, combobox, diálogos, controles de valor, carruseles, tablas, árboles y rejillas. Para cada componente verás el HTML que lo implementa, el teclado que debe soportar, los criterios WCAG 2.2 que lo afectan y los errores que más se repiten.
-
N3-C6
CSS, JavaScript y frameworks
La accesibilidad no termina en el HTML. El CSS decide qué se ve, cómo se muestra el foco y cómo se adapta la página a las preferencias de cada persona; el JavaScript decide qué cambia y cuándo; y los frameworks reescriben la página sin recargarla. Este curso enseña a programar todo ello de forma accesible en CSS, JavaScript, React, Vue, Angular y Web Components, y a integrar pruebas automáticas para que los errores no vuelvan.