Accesibilidad
🏁 Objetivos
- Que te introduzcas al desarrollo de sitios accesibles.
- Que comprendas la importancia de la accesibilidad en el desarrollo web.
- Que conozcas algunas de las tecnologías asistivas que se utilizan.
- Que te interiorices en algunas de las buenas prácticas del desarrollo accesible.
- Que te familiarices con el uso de etiquetas ARIA.
📝 Contenidos
Introducción a la accesibilidad
- La importancia de la accesibilidad.
- Diversos tipos de discapacidades.
- Tecnologías asistivas.
Desarrollo accesible
- Pilares del desarrollo accesible:
- Perceptible.
- Operable.
- Comprensible.
- Robusto.
- Desarrollando accesiblemente:
- Meta data.
- Semántica.
- Elementos con foco.
- Colores y contraste.
- Imágenes (de contenido vs. decorativas).
- Íconos.
- Links.
- Etiquetas ARIA
aria-label
aria-hidden
🚀 Recursos de la clase
📚 Material de lectura
En inglés
- Accesibility Developer Guide
- A11Y 101
- A11Y Style Guide
- Checklist de accesibilidad
- MDN - Accesibility
- Web Accessibility Tutorials
- Web accesibility guidelines
- Font Awesome Accesibility Icon Guide
- How Can I Make My Icon System Accessible?
- Alt-texts: The Ultimate Guide
🔍 Para seguir investigando
En inglés