Please enable JavaScript.
Coggle requires JavaScript to display documents.
Heurísticas de Accesibilidad, Dayanna Bravo, GR1SW - Coggle Diagram
Heurísticas de Accesibilidad
Principios WCAG (Los 4 Pilares del UX Accesible)
Operable (Cómo se interactúa)
Navegación y control 100% funcional por teclado (sin depender del mouse).
Dar tiempo suficiente para interactuar con la UI.
Cero elementos parpadeantes peligrosos (prevención de convulsiones).
Estructura clara para facilitar el flujo de navegación.
Perceptible (Cómo se recibe la info)
Uso de affordance visual y alternativas de texto (atributos alt en imágenes e iconos).
Subtítulos y transcripciones para multimedia.
Buen contraste de color y diseño adaptable a lectores de pantalla.
Comprensible (Facilidad de uso)
Microcopy y textos legibles y claros.
Comportamiento predictivo de los componentes de la interfaz.
Diseño enfocado en la prevención, manejo y corrección de errores del usuario.
Robusto (Soporte técnico)
Código limpio y compatible con tecnologías de asistencia y futuros navegadores.
Buenas Prácticas de Implementación (Tips Técnicos)
Semántica y Estructura: Uso correcto de etiquetas HTML (H1, H2, H3, listas) para jerarquía visual y lógica.
Significados Claros: Evitar textos genéricos en botones/enlaces (cambiar "Haz clic aquí" por un signifier descriptivo como "Descargar Reporte").
Datos Complejos: Resúmenes claros en tablas y gráficos dinámicos.
Fallback Funcional: Ofrecer alternativas accesibles cuando los scripts o componentes personalizados fallen.
QA y Testing: Validación constante con herramientas de accesibilidad, validadores de código y checklists.
Heurísticas Prácticas (Enfoque IBM)
Navegación Eficiente: Flujos e interfaces consistentes y bien etiquetadas.
Control Total por Teclado: Asegurar que el foco del teclado sea visible y lógico.
User Preferences: Respetar y adaptarse a la configuración de accesibilidad del sistema del usuario.
Uso del Color con Propósito: Jamás usar el color como el único canal para comunicar un estado o una alerta.
Control de Distracciones: Permitir pausar o detener animaciones, videos o elementos en movimiento.
Gestión de Tiempos: Darle el control al usuario para pausar o extender sesiones con límite de tiempo.
Componentes Estándar: Priorizar el uso de componentes de UI nativos y bien documentados sobre soluciones propietarias complejas.
Dayanna Bravo
GR1SW