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
Prework para el uso de herramientas de accesibilidad
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
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 5
Preguntas 1
Con el tema de reflow, un error que puede pasar mucho es que tienes márgenes tan grandes entre elemento y elemento que da la impresión que no hay más contenido y puede ser confuso, o paddings que son muy anchos y hacen que el texto se vea estrecho.
Stephanie Eckles mostró una buena solución para el tema usando CSS moderno con las funciones de min y max, la pueden ver aquÃ: Scaling CSS Layout beyond pixels
Resize | 1366 x 768 px | 200% |
Reflow | 1282 x 800 px | 400% |
Reflow | 320 x 256 px | 100% |
Resize | 1366 x 768 px | 200% | Reflow | 1282 x 800 px | 400% | Reflow | 320 x 256 px | 100% |
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?