Cursos Empresas Blog Live Conf Eventos Precios

0:0017:56

Análisis automático de accesibilidad web

Curso de Accesibilidad Web: Auditoría de Proyectos

Clase 14 / 26

Ver clases

Análisis automático de accesibilidad web

Curso de Accesibilidad Web: Auditoría de Proyectos

Clase 14 de 26

Clase 14 / 26

Análisis automático de accesibilidad web

Curso de Accesibilidad Web: Auditoría de Proyectos

Clase 14 / 26

Ver clases

Comentarios

Jano Llorca Lis#4342318
Por si a alguien más le pasa, antes de que pierda el tiempo como yo: actualmente la función "Highlight" ya no existe, se ha fusionado con "Inspect" (</>), de tal manera que al clicar en ésta, se nos resalta el error en pantalla y nos señala el trozo de código correspondiente en la consola. Recordad volver a axe DevTools desde Elementos para poder seguir con la auditoría.
Katherine Hernandez#5417079
Las "best practices" en accesibilidad web son pautas y recomendaciones que garantizan que un sitio sea usable para todos los usuarios, incluidas personas con discapacidades. Algunas de las más importantes incluyen:
1. Uso adecuado de etiquetas: Asegúrate de que todas las imágenes tengan texto alternativo descriptivo.
2. Navegación clara: La estructura del sitio debe ser lógica y fácil de seguir.
3. Contraste adecuado: Asegúrate de que el texto sea legible sobre el fondo.
4. Compatibilidad con lectores de pantalla: Verifica que el contenido funcione bien con herramientas como NVDA.
5. Evitar contenido parpadeante: Esto puede ser problemático para personas con epilepsia.
Para más detalles, consulta el material de "Issues y best practices de accesibilidad web" en tu curso.
Cristian Diaz#4256972
No voy a mentir, llevo casi dos años trabajando en accesibilidad y por alguna razón nunca pude hacer funcionar axeDevTools 😂 Diosito no me hizo más despistado por falta de inspiración.

Esta herramienta abre muchas posibilidades
Wendy Jiménez#5468903
Agradezco esto que va del curso, es la primera vez que debo hacer una auditoria de accesibilidad para un proyecto muy importante, no tenía idea por dónde empezar ni qué herramientas utilizar, este curso y el profe me han guiado perfecto en el proceso.

Estaría buenísimo si se actualizara al 2025-2026

Gracias
Barrera Carmen#5002734
Deseo seguir la dinamica de la clase, basé a mi laptop las dos paginas de prueba, instalé en esa misma laptop el Lighthouse y el Axe y ninguno me funciona, pareciera que no aceptan que no aceptan que la pagina esté local en la maquina, cuando inspeccioné el codigo con el Navegador encontré un mensaje que dice "Can only audit pages on HTTP or HTTPS Navigate to a diferent page" Te ha ocurrido esto antes? Qué debo hacer?
Silvia Marquez#4353036
Me encanta reportar errores automaticos jaja es copiar y pegar
ANDREA NATALY VALDERRAMA GARCIA#4563453
Excelente explicación del uso de Axe, personalmente me encanta esta herramienta, es demasiado útil.

Comentarios (7)7 comentarios

Jano Llorca Lis

Hace 4 años

Por si a alguien más le pasa, antes de que pierda el tiempo como yo: actualmente la función "Highlight" ya no existe, se ha fusionado con "Inspect" (</>), de tal manera que al clicar en ésta, se nos resalta el error en pantalla y nos señala el trozo de código correspondiente en la consola. Recordad volver a axe DevTools desde Elementos para poder seguir con la auditoría.

Katherine Hernandez

Hace un año

Las "best practices" en accesibilidad web son pautas y recomendaciones que garantizan que un sitio sea usable para todos los usuarios, incluidas personas con discapacidades. Algunas de las más importantes incluyen:

Uso adecuado de etiquetas: Asegúrate de que todas las imágenes tengan texto alternativo descriptivo.
Navegación clara: La estructura del sitio debe ser lógica y fácil de seguir.
Contraste adecuado: Asegúrate de que el texto sea legible sobre el fondo.
Compatibilidad con lectores de pantalla: Verifica que el contenido funcione bien con herramientas como NVDA.
Evitar contenido parpadeante: Esto puede ser problemático para personas con epilepsia.

Para más detalles, consulta el material de "Issues y best practices de accesibilidad web" en tu curso.

Cristian Diaz

No voy a mentir, llevo casi dos años trabajando en accesibilidad y por alguna razón nunca pude hacer funcionar axeDevTools 😂 Diosito no me hizo más despistado por falta de inspiración.

Esta herramienta abre muchas posibilidades

Aveiro Ortiz

La instalas normal como lo haces con cualquier otra extensión de chrome, reinicias el navegador, y luego la encuentras en las dev tools (F12), al final del menú

David Flores

Profesor

También recuerda tener actualizado tu navegador, muchas veces no se instala por usar una versión desactualizada del navegador :)

Wendy Jiménez

Agradezco esto que va del curso, es la primera vez que debo hacer una auditoria de accesibilidad para un proyecto muy importante, no tenía idea por dónde empezar ni qué herramientas utilizar, este curso y el profe me han guiado perfecto en el proceso.

Estaría buenísimo si se actualizara al 2025-2026

Gracias

Barrera Carmen

Hace 3 años

Deseo seguir la dinamica de la clase, basé a mi laptop las dos paginas de prueba, instalé en esa misma laptop el Lighthouse y el Axe y ninguno me funciona, pareciera que no aceptan que no aceptan que la pagina esté local en la maquina, cuando inspeccioné el codigo con el Navegador encontré un mensaje que dice "Can only audit pages on HTTP or HTTPS Navigate to a diferent page" Te ha ocurrido esto antes? Qué debo hacer?

Platzi

Es posible que Lighthouse y Axe no funcionen en páginas locales. Debes probarlos en un servidor local o en un sitio web en línea para obtener resultados adecuados.

Silvia Marquez

Me encanta reportar errores automaticos jaja es copiar y pegar

Diego Javier Mena Amado

Si bien las herramientas de prueba automatizadas han mejorado a lo largo de los años, todavía tienen algunos problemas, podria decirte que no resolverán todos sus problemas de accesibilidad y pasar un escaneo automático puede dar a las organizaciones una falsa sensación de cumplimiento. Lo mejor siempre será un test con usuarios

ANDREA NATALY VALDERRAMA GARCIA

Excelente explicación del uso de Axe, personalmente me encanta esta herramienta, es demasiado útil.

Análisis automático de accesibilidad web

Análisis automático de accesibilidad web

Análisis automático de accesibilidad web

Progreso del curso

Definición de alcance

Preparando el entorno

Screen reader, mi mejor amigo

Detectar y reportar issues (automáticos)

Detectar y reportar issues (manuales)

Reportes

Cierre

Comentarios

Análisis automático de accesibilidad web

Análisis automático de accesibilidad web

Comentarios