Intervención manual para detectar issues de a11y
Contenido del curso
Silvia Marquez
Luis Ángel Morales Hernández
Johana Margarita Marín de Cruz
Katherine Hernandez
Diego Javier Mena Amado
Alfredo Olmedo
Ese boton ese naranja que deice Notas con texto blanco no pasa el contraste, pero lo digo a ojometro, no tengo certezas pero tampoco tengo dudas
Para realizar una intervención manual efectiva y detectar issues de accesibilidad (a11y), es recomendable utilizar la técnica de "Depuración de Accesibilidad". Esta técnica implica seleccionar una página o función específica del sitio web o aplicación y someterla a un análisis exhaustivo. Comienza desactivando los estilos CSS para ver el contenido sin diseño visual, lo que te permitirá enfocarte en la estructura y el contenido. Luego, navega por la página utilizando solo el teclado para identificar problemas de accesibilidad para usuarios que no pueden usar un mouse.A medida que avanzas en la auditoría, verifica la estructura HTML para asegurarte de que sea lógica y coherente, con encabezados, títulos y etiquetas descriptivas. También es importante revisar la semántica de los elementos HTML y probar la página con un lector de pantalla para asegurarte de que el contenido sea accesible para usuarios con discapacidades visuales. Finalmente, verifica la navegación y la compatibilidad con dispositivos móviles para asegurarte de que la página sea accesible en diferentes contextos. Al combinar esta auditoría manual con herramientas automatizadas, puedes asegurarte de que tu sitio web o aplicación sea lo más accesible posible.
Desde la perspectiva del diseño UX/UI, podemos usar plugins en Figma (si tenemos disponible el diseño de la app en este programa, creado o importado) para evaluar contraste: Stark, A11y - Color Contrast Checker, Color contrast checker WCAG 2.1, entre otros. También la IA puede ser una gran aliada para identificar de forma automática mejoras, Claude puede automatizar procesos de revisión y brindar reportes con mejoras, también he hecho simuladores de daltonismo para comprobar si los diseños pasan accesibilidad en esa categoría, son herramientas muy útiles que recomiendo.
Me encanta como explica el profe! Excelente!
Profe como así que no tienes licencia de Windows 😂 lanzate a aprender GNU Linux
Esta en una VM, por eso es que sale la notificacion de Windows, ve que trabaja desde una MacOs
