Digitaliza tus albaranes y transforma tus comprobantes en procesos digitales seguros.
Accesibilidad
Cómo elegir colores accesibles en tu control horario con Doceo InTime
Diseñando para todos: accesibilidad y experiencia de usuario en tus aplicaciones de gestión
26/01/2026
Equipo de Doceo Software
En DoceoSoftware nos importa la accesibilidad y cuidamos cada detalle de la experiencia del usuario. Hoy queremos hablaros de Doceo InTime, nuestra solución de control horario, y de cómo podéis organizar los botones y colores de vuestra interfaz pensando en diseño universal y accesibilidad.
¿Sabías que los colores que elijas para tu aplicación pueden afectar que algunas personas puedan o no utilizarla correctamente? Vamos a enseñarte cómo elegir colores que beneficien a todos, ya tengas o no problemas de visión, seas mayor, o te encuentres en condiciones de luz complicadas mientras trabajas.
Diseño universal: qué es y por qué importa
La accesibilidad digital consiste en diseñar interfaces que cualquier persona pueda usar, con independencia de sus capacidades. Esto incluye:
- Lectores de pantalla
- Contrastes de colores adecuados
- Tamaño y legibilidad de textos
- Navegación sencilla y clara
En muchos países, la accesibilidad es obligatoria para webs y aplicaciones que prestan servicios públicos, comerciales o educativos. Pero incluso cuando no es obligatorio, aplicarla mejora la experiencia de todos, incrementa la satisfacción y reduce errores en el uso de tu software.
Cómo elegir colores accesibles en Doceo InTime
Nuestro Doceo InTime permite configurar los botones a tu gusto, con colores a medida. Pero, ¿cómo asegurarte de que tus colores son accesibles?
Aquí tienes un paso a paso sencillo:
1. Selecciona tus colores
- Decide el color de fondo del botón
- Decide el color del texto o icono
2. Comprueba la relación de contraste
La relación de contraste entre el color de fondo y el de texto debe ser suficiente para que cualquier persona pueda leerlo.
WCAG 2.1 recomienda una relación mínima de 4,5:1 para texto normal y 3:1 para texto grande.
Herramientas gratuitas para comprobarlo:
- WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/
- Accessible Colors: https://accessible-colors.com/
- Color Contrast Analyser (desktop): permite seleccionar colores de la pantalla y verificar la relación de contraste
3. Introduce los valores en la herramienta
- Copia los colores de tu aplicación (HEX o RGB)
- Pégalos en la herramienta
- Comprueba el ratio de contraste que te da la herramienta
4. Ajusta si es necesario
- Si el contraste no cumple el mínimo, cambia el color de fondo o del texto
- Repite la comprobación hasta cumplir el estándar
5. Aplica los colores en Doceo InTime
- Configura los botones en tu panel de control con los colores verificados
- Asegúrate de mantener coherencia visual entre botones, iconos y textos
Diseñar con accesibilidad y diseño universal no solo es una obligación en muchos casos, sino también una mejora para todos.
Con pequeños pasos como comprobar los colores y su contraste, puedes hacer que tu control horario sea más intuitivo, cómodo y usable, incluso en condiciones complicadas de luz o para personas con dificultades visuales.
En DoceoSoftware, creemos que un software accesible es un software mejor, y con Doceo InTime puedes empezar a aplicar estos principios hoy mismo.
