Saltar a contenido

Guía de diseño y accesibilidad

Reglas concretas para pantallas, formularios y componentes del prototipo Android.

Formularios

  • Orden lógico y un campo por fila en pantallas < 600 dp.
  • Etiquetas persistentes (el placeholder no sustituye a la etiqueta).
  • Indicar opcionalidad explícita; no abusar del asterisco.
  • Tipo de teclado correcto (email, numeric, phone).
  • Acciones Next / Done bien encadenadas.
  • Errores específicos por campo, anuncio accesible (AnnounceForAccessibility).
  • Conservar datos al rotar o volver atrás.
  • El botón Atrás debe volver, no crear otra instancia de Welcome.
  • Tutorial solo en la primera entrada, con opción "Saltar".
  • Deep links de notificaciones hacia la entidad correspondiente.
  • No mostrar pantallas inalcanzables como si estuvieran disponibles en la UI.

Tipografía

  • Cuerpo principal: 16 sp.
  • Información funcional: mínimo 14 sp.
  • Respetar la escala de fuente del sistema (no fijar alturas que corten texto).

Interacción

  • Touch targets ≥ 48 × 48 dp.
  • Estados visuales: pressed, focused, disabled, loading.
  • Botones deshabilitados deben explicar qué falta, o permitir el toque y mostrar errores.
  • Prohibido cualquier CTA sin efecto observable.

Lectores de pantalla

  • contentDescription obligatorio en iconos interactivos (mostrar/ocultar contraseña, info, filtros).
  • null solo en decorativos.
  • Encabezados semánticos (Modifier.semantics { heading() }).
  • Orden de foco lógico.
  • Resumen de errores anunciado al primer error.

Color y contraste

  • Contraste WCAG AA mínimo: 4.5:1 en cuerpo, 3:1 en grande.
  • No usar rojo/verde como única señal (acompañar con texto o icono).
  • Validar transparencias del "liquid glass".

Cámara KYC

  • Explicar por qué se pide el permiso antes de la primera solicitud.
  • Estado "denegado" debe ofrecer CTA a Configuración.
  • Error de captura visible y reintento explícito.
  • Instrucciones hablables (no solo visuales).
  • Consentimiento explícito antes del envío.

Pruebas mínimas de accesibilidad

  • Android con tamaño de fuente 200 %.
  • TalkBack básico encendido.
  • Pantalla pequeña (≤ 360 dp de ancho).
  • Cambio de orientación y de proceso (Process Death).
  • Sin conexión de red.
  • Cámara denegada.
  • Lectura completa de notificaciones push y del historial.