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
You don't have access to this class
Keep learning! Join and start boosting your career
Usability is the key to a successful digital product. Ensuring that users intuitively understand how to navigate and use a platform is paramount. When we talk about being understandable in web design, we mean creating sites, applications and products that are easy to understand and do not require extra effort from users to interact correctly. This implies employing patterns of frequent use on the web. For example, the use of keystrokes to close modalities is a common and familiar practice in many systems.
Predictability in design refers to the ability to anticipate actions and outcomes when interacting with a product. By using familiar patterns, the user can deduce how to use a new application based on previous experiences. This not only improves the learning curve, but also increases the user's sense of confidence, minimizing frustrations in the process.
Since all users have different levels of knowledge and skill on the web, it is vital to be clear and direct in the instructions. We should not assume that everyone understands implicitly how things work, as this can vary widely due to cultural, educational and personal factors.
The inclusion of examples and corrections when mistakes are made improves the user experience, making it more user-friendly and intuitive. Through validated forms, the user receives immediate feedback to help correct possible errors.
Finally, remember that by complying with these principles, we not only improve user-product interaction, but also contribute to a more inclusive and accessible web for everyone. The key is to keep learning and adapting to the diverse needs of the audience, so let's keep exploring, designing and improving!
Contributions 9
Questions 0
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.”
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.
Siempre debemos pensar en todos los posibles usuarios de nuestros productos web
Modalidades dinamicas, seria un concepto ha validar.
exactamente
👌
Donde puedo encontrar documentacion de Modalidades dinamicas?
muy buena explicacion
Want to see more contributions, questions and answers from the community?