Diseño inclusivo: Adaptación del frontend para mejorar la accesibilidad web en niños con dislexia, TDAH y trastorno del espectro autista

Resumen

Las plataformas digitales han transformado la educación, evidenciando la necesidad de entornos accesibles para estudiantes con dislexia, TDAH y TEA. El estudio desarrolló una interfaz web inclusiva basada en el Diseño Universal para el Aprendizaje (DUA) y las pautas WCAG 2.2, orientada a mejorar la comprensión, reducir barreras cognitivas y optimizar la experiencia mediante personalización, apoyo multimodal y control de estímulos. Se aplicó un enfoque mixto con diseño iterativo en cinco fases: revisión sistemática (PRISMA), prototipos UX/UI (A/B), evaluación por expertos con escala Likert, implementación (W3.CSS, Node.js–Express y PostgreSQL) y validación con usuarios. Participaron 9 expertos y 15 niños de 5 a 8 años. Se utilizaron Parsifal, Figma y cuestionarios estructurados. El prototipo 2 obtuvo mejor valoración (4.88 vs. 4.0), destacando en accesibilidad, navegación y apoyo multimodal. Funciones como lectura en voz alta, personalización tipográfica y estructura clara redujeron la carga cognitiva. Los usuarios mostraron alta aceptación en comprensión, motivación y usabilidad, aunque persistieron retos en legibilidad, navegación y regulación emocional, especialmente en TDAH. Se concluye que la accesibilidad efectiva requiere adaptabilidad más allá de lo funcional, y que integrar DUA y estrategias multimodales mejora significativamente el aprendizaje inclusivo.