Aprende sobre accesibilidad web

Accesibilidadweb.today es una guía en proceso que te ayudará a aprender sobre accesibilidad web desde el desarrollo web y el diseño de interfaces

En esta guía podrás aprender sobre:

Fundamentos de accesibilidad

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?

0 de 4 lecciones disponibles.

Ver lecciones del módulo 1

HTML

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

0 de 12 lecciones disponibles.

Ver lecciones del módulo 2

WAI-ARIA

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.

0 de 5 lecciones disponibles.

Ver lecciones del módulo 3

CSS

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.

0 de 8 lecciones disponibles.

Ver lecciones del módulo 4

JavaScript

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.

0 de 8 lecciones disponibles.

Ver lecciones del módulo 5

Patrones de componentes
En este módulo empezaremos a combinar lo que hemos aprendido en módulos anteriores e implementarlo para crear componentes complejos, desde la creación de markup con HTML, los estilos con CSS y la interactividad necesaria con JavaScript, todo desde los lentes de la accesibilidad y la mejora progresiva. Algunos patrones de componentes que exploraremos serán:

  • Modales.
  • Tooltips.
  • Acordeones.
  • Interfaces de pestañas.

0 de 6 lecciones disponibles.

Ver lecciones del módulo 6

Testing

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.

0 de 11 lecciones disponibles.

Ver lecciones del módulo 7

Diseño de interfaces

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.

0 de 4 lecciones disponibles.

Ver lecciones del módulo 8

Lecciones recientes

¡Próximamente!

Sigue este proyecto