CursosEmpresasBlogLiveConfPrecios

Análisis automático de accesibilidad web

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

Clase anteriorSiguiente clase

Contenido del curso

Definición de alcance
  • 1
    ¿Quién audita la accesibilidad de un sitio web?

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

    03:50
  • 2
    ¿Cómo se definen los lineamientos de accesibilidad web?

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

    07:17
  • 3
    ¿Qué es un VPAT (Voluntary Product Accessibility Template)?

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

    04:04
  • 4
    ¿Cómo se ve un VPAT?

    ¿Cómo se ve un VPAT?

    07:58
  • 5
    Importancia de las estadísticas de accesibilidad web

    Importancia de las estadísticas de accesibilidad web

    03:30
  • 6
    Errores de a11y más comunes a nivel mundial

    Errores de a11y más comunes a nivel mundial

    03:54
Preparando el entorno
  • 7

    Virtualización de Windows en macOS y Linux con VirtualBox

    01:26
  • 8
    Configuración de herramientas de a11y

    Configuración de herramientas de a11y

    12:48
Screen reader, mi mejor amigo
  • 9
    Lectores de pantalla

    Lectores de pantalla

    02:30
  • 10
    Trabajar con NVDA

    Trabajar con NVDA

    04:17
  • 11
    Comportamientos especiales del screen reader

    Comportamientos especiales del screen reader

    03:29
Detectar y reportar issues (automáticos)
  • 12
    Conociendo la WCAG

    Conociendo la WCAG

    07:10
  • 13
    Plantillas y guías oficiales para reportar issues de a11y

    Plantillas y guías oficiales para reportar issues de a11y

    03:54
  • 14
    Análisis automático de accesibilidad web

    Análisis automático de accesibilidad web

    17:56
  • 15
    Issues y best practices de accesibilidad web

    Issues y best practices de accesibilidad web

    04:33
  • 16
    Intervención manual para detectar issues de a11y

    Intervención manual para detectar issues de a11y

    07:38
Detectar y reportar issues (manuales)
  • 17
    Navegar con NVDA

    Navegar con NVDA

    09:05
  • 18
    Conocer la estructura de una página

    Conocer la estructura de una página

    11:18
  • 19
    Deshabilitar CSS

    Deshabilitar CSS

    09:30
  • 20
    Meaningful Labels

    Meaningful Labels

    07:44
  • 21
    Navegar en el header

    Navegar en el header

    09:46
  • 22
    Escuchar imágenes

    Escuchar imágenes

    09:36
  • 23
    Conocer botones y links

    Conocer botones y links

    07:30
  • 24
    Resize y reflow

    Resize y reflow

    07:30
Reportes
  • 25
    Reportes de accesibilidad web

    Reportes de accesibilidad web

    02:21
Cierre
  • 26
    Continúa creciendo tus proyectos de a11y

    Continúa creciendo tus proyectos de a11y

    02:41
    Jano Llorca Lis

    Jano Llorca Lis

    student•
    hace 3 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.

    Cristian Diaz

    Cristian Diaz

    student•
    hace 3 años

    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

      Aveiro Ortiz

      student•
      hace 3 años

      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

      David Flores

      teacher•
      hace 3 años

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

    Katherine Hernandez

    Katherine Hernandez

    student•
    hace 3 meses

    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.

    Platzi Team

    Platzi Team

    student•
    hace 18 días

    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

    Barrera Carmen

    student•
    hace 2 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

      Platzi

      student•
      hace 2 años

      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

    silvia marquez

    student•
    hace 3 años

    Me encanta reportar errores automaticos jaja es copiar y pegar

      Diego Javier Mena Amado

      Diego Javier Mena Amado

      student•
      hace 3 años

      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

    ANDREA NATALY VALDERRAMA GARCIA

    student•
    hace 3 años

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

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads