Análisis automático de accesibilidad web

Clase 14 de 26 • Curso de Accesibilidad Web: Auditoría de Proyectos

Jano Llorca Lis

student•

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.

Cristian Diaz

student•

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

student•

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

teacher•

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

Katherine Hernandez

student•

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.

Platzi Team

student•

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

student•

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

student•

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

student•

Me encanta reportar errores automaticos jaja es copiar y pegar

Diego Javier Mena Amado

student•

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

student•

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

Análisis automático de accesibilidad web

Definición de alcance

¿Quién audita la accesibilidad de un sitio web?

¿Cómo se definen los lineamientos de accesibilidad web?

¿Qué es un VPAT (Voluntary Product Accessibility Template)?

¿Cómo se ve un VPAT?

Importancia de las estadísticas de accesibilidad web

Errores de a11y más comunes a nivel mundial

Preparando el entorno

Virtualización de Windows en macOS y Linux con VirtualBox

Configuración de herramientas de a11y

Screen reader, mi mejor amigo

Lectores de pantalla

Trabajar con NVDA

Comportamientos especiales del screen reader

Detectar y reportar issues (automáticos)

Conociendo la WCAG

Plantillas y guías oficiales para reportar issues de a11y

Análisis automático de accesibilidad web

Issues y best practices de accesibilidad web

Intervención manual para detectar issues de a11y

Detectar y reportar issues (manuales)

Navegar con NVDA

Conocer la estructura de una página

Deshabilitar CSS

Meaningful Labels

Navegar en el header

Escuchar imágenes

Conocer botones y links

Resize y reflow

Reportes

Reportes de accesibilidad web

Cierre

Continúa creciendo tus proyectos de a11y