Equipo
Telefónica
CDP
Product Manager: Almudena Vegas.
Tech Lead: Ignacio Lagartos.
miMovistar · Accesibilidad · 2024–2025
Adaptando una app para cumplir con los estándares de accesibilidad WCAG
Análisis y rediseño de la aplicación miMovistar para cumplir con los criterios WCAG.
Telefónica
Mi rol
Product
Designer
Análisis, documentación y rediseño accesible de los flujos de miMovistar.
Timeline
1 año
2024–2025
Revisión transversal de la aplicación y adaptación a los criterios WCAG.
Contexto
Una nueva normativa y un conocimiento que construir desde cero
La nueva legislación europea de accesibilidad digital establecía que, antes del 28 de junio de 2025, todos los productos y servicios digitales debían cumplir al menos con el nivel AA de las WCAG (Web Content Accessibility Guidelines).
En ese momento el equipo no contaba con especialistas en accesibilidad, por lo que el primer paso fue adquirir el conocimiento necesario para abordar el proyecto.
Formación
Formaciones internas sobre accesibilidad digital.
Estudio
Estudio de los criterios definidos por las WCAG.
Aplicación
Investigación sobre cómo aplicar estos principios en interfaces reales.
Punto de partida
Comprender el estándar antes de intervenir el producto
La formación y la investigación permitieron traducir los criterios de accesibilidad a decisiones concretas de interfaz.
El nivel AA se convirtió en la referencia compartida para revisar los flujos de miMovistar.
El reto
Adaptar la aplicación para cumplir los estándares de accesibilidad definidos por la normativa europea.Había que identificar los problemas existentes y rediseñar los flujos necesarios para alcanzar esta nueva normativa.
Objetivo del proyecto
Revisar miMovistar de forma transversal
El objetivo principal del proyecto fue adaptar los productos digitales del equipo a los nuevos estándares de accesibilidad. En mi caso, el trabajo se centró en la aplicación miMovistar.
Analicé los flujos existentes para identificar problemas de accesibilidad y rediseñé las interfaces necesarias para asegurar que la experiencia cumpliera con los criterios establecidos por las WCAG.
Trabajo colaborativo
Diseño, sistema, marca, desarrollo y negocio alineados
Design Ops revisó y actualizó los componentes para garantizar que cumplieran los criterios de accesibilidad.
En paralelo, mi trabajo dentro de miMovistar se centró en analizar la aplicación y adaptar los flujos existentes.
Mi responsabilidad
- Analizar las pantallas y flujos existentes de la aplicación
- Identificar elementos que no cumplían los criterios de accesibilidad
- Documentar los problemas detectados
- Proponer soluciones de diseño para corregirlos
Coordinación
- Mantener comunicación constante con producto
- Alinear decisiones con desarrollo
- Trabajar alternativas junto al equipo de marca
- Asegurar que negocio comprendiera los cambios necesarios
Análisis
Detectar las barreras a lo largo de toda la experiencia
Durante el análisis de la aplicación se identificaron contrastes de color insuficientes, jerarquías visuales poco claras, áreas de interacción demasiado pequeñas y problemas en el orden de lectura para tecnologías de asistencia.
Uno de los principales retos fue que el color principal de la marca miMovistar no cumplía los requisitos de contraste necesarios para alcanzar el nivel AA. Esto implicó trabajar también con el equipo de marca para explorar alternativas sin perder la identidad visual del producto.
Auditoría transversal
Hacer visible cada problema dentro de su contexto
Las pantallas y flujos se revisaron de forma sistemática, señalando componentes, estados y comportamientos que requerían adaptación.
La documentación conectó cada hallazgo con la experiencia completa de la aplicación.
Proceso de diseño
Rediseñar con nuevos componentes y criterios accesibles
Con los nuevos componentes accesibles disponibles y los problemas identificados en la auditoría, el siguiente paso fue rediseñar las pantallas y flujos de la aplicación para alinearlos con los criterios de accesibilidad definidos.
El trabajo incluyó la actualización de interfaces existentes, la adaptación de flujos para mejorar la navegación y la aplicación de los nuevos componentes accesibles del sistema de diseño.
Iteración
Del problema detectado a una versión validada
Las propuestas se compararon con la referencia inicial y evolucionaron hasta una solución capaz de cumplir los criterios sin perder coherencia.
El proceso hizo explícitas las decisiones y facilitó su revisión con los equipos implicados.
Diseñar hacia adelante
Integrar la accesibilidad en las nuevas funcionalidades
Además de corregir los problemas detectados, también fue necesario establecer criterios claros para el diseño de nuevas funcionalidades, de forma que la accesibilidad se integrara desde el inicio en futuros desarrollos.
Estas especificaciones sirvieron como guía para diseño y desarrollo, asegurando que las nuevas funcionalidades mantuvieran los estándares de accesibilidad establecidos.
Especificaciones de accesibilidad
Documentar el comportamiento, no solo la apariencia
La documentación incluyó orden de lectura, orden de foco, áreas de interacción adecuadas y comportamiento accesible de los elementos interactivos.
Diseño y desarrollo compartieron una guía concreta para implementar cada flujo de forma consistente.
Resultados
Una base clara para avanzar hacia el cumplimiento de los criterios WCAG AA.El proyecto introdujo prácticas de accesibilidad dentro del proceso de diseño del producto.
Problema · criterio · solución
Convertir cada hallazgo en una decisión implementable
Los problemas detectados se vincularon con el criterio WCAG incumplido y con una solución de diseño concreta.
La estructura ayudó a explicar el porqué de cada cambio y a coordinar su implementación.
Aprendizajes
La accesibilidad funciona mejor cuando forma parte del proceso
- 01
Integrar la accesibilidad desde las primeras fases del diseño permite tomar mejores decisiones y evita rehacer soluciones más adelante.
- 02
El trabajo colaborativo entre diseño, Design Ops, marca, desarrollo y negocio es clave para implementar mejoras a escala.