Una frase por ahi dice: “El poder de la Web está en su universalidad. El acceso de todas las personas independientemente de la discapacidad es un aspecto esencial.”
Dominar las bases de la accesibilidad
¿Listo para hacer la web un mejor lugar para todos sus usuarios?
Conociendo la importancia de la accesibilidad web
Aprendiendo sobre WCAG y sus criterios de conformidad
Profundizando los 12 criterios de conformidad
Los 4 principios de WCAG
Tecnología Asistivas - cuáles son y cómo funcionan
Presentar el proyecto
Instalación del proyecto y primeros pasos
Evaluar la accessibilidad de sitios web
Pruebas automáticas con Lighthouse
Pruebas con simuladores de discapacidades visuales
Pruebas manuales con tu teclado
Pruebas manuales con lectores de pantalla
Pruebas manuales con VoiceOver
Refactorizar HTML para ser mas accessible
¿Qué es el HTML semántico y por qué es importante?
Usando HTML semántico en el header de nuestro sitio
Usando HTML semántico en el contenido principal de nuestro sitio
Usando HTML semántico en footer de nuestro sitio
ARIA - Accessible Rich Internet Applications
ARIA roles
ARIA properties
ARIA states
Overview del proyecto con los retos resueltos
Utilizar CSS para aumentar la acessibilidad de un sitio web
Contrastes de color
Iconos
Skip Links
Estilos de foco y hover
Overview retos resueltos con CSS
Extender la accesibilidad usando JavaScript
Manejando el foco del teclado - botones
Manejando el foco del teclado - el carousel
Coordinando el foco del teclado con el foco de lectores de pantallas
Manejando modales
Mejorando la accesibilidad con teclado de nuestro modal
Ayudando a nuestros usuarios a interactuar correctamente con el sitio
Validando formularios
Manejando cambios dinámicos
Conclusión
Siguientes pasos
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Iniciar sesión
Ayudando a nuestros usuarios a interactuar correctamente con el sitio
32/35Recursos
Aportes 9
Preguntas 0
Ordenar por:
🚁 Ayudando a nuestros usuarios a interactuar correctamente con el sitio
<h4>Apuntes</h4>- La 3° Ley de WCAG ⇒ “Ser comprensible”
- Debemos esforzarnos, para que todas las acciones sean fáciles de entender
- Nuestras acciones deben ser predecibles es decir que estemos usando patrones que se usan en otras aplicaciones, otros contextos para unas mismas acciones
Siempre debemos pensar en todos los posibles usuarios de nuestros productos web
Debemos dar por sentado que los usuarios interactúan de maneras muy diversas en la web y por tanto, hay que darles productos digitales lo suficientemente accesibles, es decir, flexibles para que puedan obtener la misma información, productos y servicios de nuestra empresa o sitio. Además, hay que dar por hecho que los usuarios se van a equivocar al navegar, por eso debemos ofrecerles mecanismos sencillos que les ayuden a deshacer una acción cometida por error o descuido, regresar al estado o página anterior y resolver de modo rápido y fácil los problemas técnicos que puedan surgir en sus interacciones con nuestro sitio o app.
Modalidades dinamicas, seria un concepto ha validar.
exactamente
Donde puedo encontrar documentacion de Modalidades dinamicas?
muy buena explicacion
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.