ACCESIBILIDAD Web para Principiantes ¿Qué Debes Saber? скачать в хорошем качестве

ACCESIBILIDAD Web para Principiantes ¿Qué Debes Saber?

Aprende a crear una página web accesible paso a paso con este video, donde se explican los errores comunes y las mejores prácticas para garantizar la accesibilidad web. Descubre cómo mejorar la experiencia de usuario y la usabilidad web para todos los usuarios. ¡No te pierdas estos consejos y herramientas! 📱 Comunidad de Discord   / discord   🤳🏼 Redes [Twitch]:   / afor_digital   [Instagram]:   / afor_digital   [Twitter]:   / afor_digital   [Tiktok]:   / afor_digital   [Github]: https://github.com/afordigital 🔗 Recursos Diapositivas: En el discord Extensión ACTUALIZADA de análisis de accesibilidad: https://chromewebstore.google.com/det... Wave extension: https://wave.webaim.org/extension Estándar Guidelines: https://www.w3.org/WAI/standards-guid... Documentación de patrones: https://www.w3.org/WAI/ARIA/apg/patte... Guía de ayuda en desarrollo: https://interfaces.rauno.me/ Blog de accesibilidad: https://stephaniewalter.design/blog/c... Spec: https://html.spec.whatwg.org/#kinds-o... 📺 Capítulos 00:00 - Introducción 02:34 - ¿Qué es la accesibilidad? 05:29 - Tipos de discapacidad 09:40 - Principios WCAG 13:46 - Niveles WCAG (A, AA, AAA) 16:20 - Estructura semántica 20:12 - Navegación por teclado 24:14 - Gestión del foco 27:07 - Skip Links 28:20 - Roles ARIA 32:50 - Estados y propiedades ARIA 35:22 - Accesibilidad visual y sensorial 36:22 - Contrast ratio 45:50 - Atributos ALT 49:50 - Componentes interactivos 51:00 - Formularios accesibles 54:12 - Estados bien gestionados (diablee, readonly) 57:50 - Accesibilidad cognitiva (hazte entender) 01:00:04 - Interfaces invertidas horizontalmente (árabe, hebreo…) 01:02:14 - Interfaces invertidas verticalmente (Japonés, chino…) 01:03:38 - Soporte de idiomas 01:05:18 - Herramientas automáticas 01:10:55 - Pruebas manuales 01:12:24 - Ejercicio práctico de código: Hacer una web accesible 01:38:23 - Conclusión #accesibilidad #wcag #aria #arialabels #accesibilidadweb #programacion #desarrollo #desarrolloweb #development #web #frontend #javascript #js #programador #tecnologia #front