La accesibilidad digital, comúnmente abreviada como a11y, consiste en diseñar y compilar sitios web y apps web con las que las personas con discapacidad puedan interactuar de una manera significativa y equivalente.
Este curso se creó para desarrolladores web principiantes y avanzados. Puedes revisar la serie de principio a fin para obtener una comprensión general de las prácticas y pruebas de accesibilidad, o puedes usarla como referencia para temas específicos. Si lees un término desconocido, consulta nuestro glosario. Si no tienes experiencia en el desarrollo web en general, consulta los cursos sobre conceptos básicos sobre HTML para aprender sobre el uso de lenguaje de marcado y los cursos Aprende sobre CSS para aprender sobre el estilo básico.
Esta no es una referencia completa. En cada sección, se presenta el tema de la sección, se proporciona contexto y ejemplos. Habrá vínculos a referencias a temas, como las especificaciones de MDN y WCAG, y otros artículos de web.dev. Cada sección tendrá una breve evaluación para que las personas confirmen su comprensión.
Algunas prácticas recomendadas de accesibilidad difieren según la discapacidad que abordes. Es importante que comprendas a tus usuarios y que escuches a las personas con discapacidades cuando te digan lo que necesitan.
Esperamos recibir tus comentarios. Abre un problema de GitHub y proporciona toda la información posible para que podamos solucionarlo.
Aprenderás lo siguiente:
¿Qué es la accesibilidad digital y por qué es importante?
Diseña y crea sitios web y aplicaciones web con las que las personas con discapacidad puedan interactuar de una forma significativa y equivalente. Lee sobre el impacto legal y empresarial de estas decisiones.
ARIA y HTML
Cuándo usar ARIA en lugar de HTML
Estructura del contenido
Usa HTML semántico, puntos de referencia y tablas para brindar contenido accesible.
El documento
Elementos HTML adicionales que se deben tener en cuenta al crear sitios web y aplicaciones web accesibles.
Enfoque del teclado
Comprende y mejora el orden y el estilo de la navegación con el teclado.
JavaScript
Escribe eventos de activación accesibles, títulos de páginas, contenido dinámico y mucho más.
Imágenes
Crea imágenes accesibles.
Color y contraste
Crea paletas de colores accesibles con un contraste adecuado.
Animación y movimiento
Apoya a las personas con todo tipo de trastornos desencadenados por el movimiento.
Tipografía
Elige los tipos de letra y los tamaños de fuente adecuados, y estructura tu texto con un diseño accesible.
Video y audio
Tipos de medios alternativos que hacen que tu video y audio sean accesibles.
Formularios
Crea formularios accesibles.
Diseño y experiencia del usuario
Crea diseños accesibles y evalúa la experiencia del usuario.
Pruebas de accesibilidad automatizadas
Cómo realizar pruebas de accesibilidad automatizadas
Pruebas de accesibilidad manuales
Cómo probar la accesibilidad de forma manual
Pruebas de tecnología de accesibilidad
Cómo realizar pruebas con la tecnología de accesibilidad (AT).
Conclusión y próximos pasos
Más recursos para ayudarte a dar los próximos pasos.
Glosario
Aprende términos y conceptos de accesibilidad comunes.
Entonces, ¿estás listo para aprender accesibilidad? Comencemos.