Aprende sobre accesibilidad web

En este módulo podrás aprender todo lo relacionado sobre la accesibilidad web, entendiendo temas como:

• ¿Qué es la accesibilidad web?
• Tipos de discapacidades
• Tipos de herramientas asistivas
• ¿Qué es la WCAG?

HTML es un lenguaje muy importante al momento de crear productos digitales accesibles. En este módulo vas a aprender lo relacionado a este lenguaje, cosas como:

• Importancia de los encabezados
• Etiquetas más comunes
• Landmarks
• Markup de listas, tablas
• El árbol de accesibilidad

WAI-ARIA es una especificación técnica muy importante para crear contenido web accesible, ya que ayuda a dar contexto adicional a ciertas tecnologías asistivas. Este módulo hablará de todo lo relacionado a WAI-ARIA como:

• ¿Qué es WAI-ARIA?
• ¿Qué puede y que no puede hacer WAI-ARIA?
• Roles de ARIA.
• Estados de ARIA.
• Regiones de ARIA.

CSS es un lenguaje que aporta mucho en distintos aspectos de la accesibilidad, ayudando a respetar las preferencias de usuario y generando una mejor experiencia para gente con discapacidades visuales o motrices. Este módulo tocará temas como:

• Uso de color y contraste.
• Layout.
• Animaciones.
• Estilos de focus.

JavaScript añade una capa extra al crear componentes accesibles siendo crucial para crear componentes interactivos complejos. Este módulo se enfocará en las bases que hay que tener en cuenta para crear dichos componentes, técnicas como:

• el uso de setAttribute.
• Manejo de focus.
• Uso de event listeners.
• Accesibilidad en frameworks de JavaScript.

Cuando se trata de accesibilidad es importante siempre probar las aplicaciones webs que haces, por lo que este módulo explorará los tipos de tests manuales que debes tener en cuenta y múltiples herramientas de testing automático que puedes usar en tu flujo de trabajo. Algunos de estos temas incluyen:

• Pruebas con lectores de pantalla.
• Navegación con teclado.
• axe DevTools.
• Storybook.
• Auditoría de accesibilidad.

Más de 2/3 de los errores de accesibilidad se pueden corregir desde el diseño, este módulo se encargará de explicar por qué es importante empezar a implementar la creación de productos accesibles desde el diseño y qué pasos seguir cuando creas tus diseños. Este módulo cubre temas como:

• El modelo shift-left.
• User Research y accesibilidad.
• Anotaciones de diseño.
• Herramientas en programas de creación de interfaces.