Skip to content

lesterpaz99/my-fake-portfolio

Repository files navigation

curso-acessibilidad-web

Introducción

¿Listo para hacer la web un mejor lugar para todos sus usuarios?

Dominar las bases de la accesibilidad

Conociendo la importancia de la accesibilidad web

Aprendiendo sobre WCAG y sus criteros de conformidad

Aprendiendo sobre WCAG y sus 4 principios

Tecnología Asistivas - cuales son y cómo funcionan

Presentar el proyecto

Installacion del proyecto y primeros pasos

Evaluar la accessibilidad de sitios web

Pruebas automaticas con Lighthouse

Pruebas con extensiones para ver como se puede ver para diferentes personas

Pruebas manuales con tu teclado

Pruebas manuales con tecnologias asistivas (lectores de pantalla)

Refactorizar HTML para ser mas accessible

Que es el HTML semantico y porque es importante?

Como podemos usar HTML semantico en nuestro sitio

ARIA - Accessible Rich Internet Applications

ARIA roles

ARIA properties

ARIA states

Utilizar CSS para aumentar la acessibilidad de un sitio web

Contrastes de color y iconos

Skip Links

Focus y hover styles

Extender la acesibilidad usando JavaScript

Manejando el foco del teclado

Guiando lectores de pantalla cuando hay un cambio visual

Ayudando a nuestros usuarios entender que es requirido de ellos

Aggregando funcionalidad para explicar procesos (validar forms)

Manejando cambios dinamicos

Conclusion

Siguientes pasos