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.
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.
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.
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.
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.
Patrones de componentes
- Modales.
- Tooltips.
- Acordeones.
- Interfaces de pestañas.
0 de 6 lecciones disponibles.
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.
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.
Lecciones recientes
¡Próximamente!
Sigue este proyecto
Este proyecto está en constante actualización, puedes suscribirte a este newsletter para conocer de primera mano cualquier avance.
También puedes seguir las actualizaciones de este proyecto a través de estos medios:
Si tienes alguna otra duda de este proyecto, puedes escribirme a cristian@accesibilidadweb.today