Orden de ajuste cuando el texto cuesta leer – ZenBlocks buttonBasic
Conclusion
El orden mas efectivo es: **contraste -> tipografia -> sombra de texto -> overlay de fondo**.
—
Causas
1. Poco contraste entre texto y fondo.
2. Tamano de fuente pequeno.
3. Texto sobre imagen compleja sin overlay.
4. Interlineado o espaciado inadecuado.—
Procedimiento
### Paso 1: revisar contraste
1. Comprueba colores de texto y fondo.
2. Busca diferencia suficiente de luminosidad.
3. Referencia WCAG AA: 4.5:1.### Paso 2: ajustar tipografia
1. `Tamaño de fuente`: minimo 14px en movil.
2. `Font Peso`: 600-700 si el fondo es complejo.
3. `Altura de línea`: 1.4-1.8.
4. `Espaciado de letras`: 0.02-0.05em si hace falta.### Paso 3: usar sombra de texto
1. Abre ajustes de sombra.
2. Configura blur suave (2-4px).
3. Inicia con opacidad 0.3-0.5.### Paso 4: aplicar overlay
1. Activa overlay en fondo.
2. Ajusta alpha entre 0.3 y 0.6.### Paso 5: validar responsive
1. Revisa desktop -> tablet -> smartphone.
2. Ajusta por dispositivo cuando sea necesario.—
Puntos de atencion
– Microtexto y subtexto deben seguir siendo legibles.
– Microcopy y subcopy fuera del boton deben probarse con el fondo real de pagina.—
Ajustes relacionados
– [Configuración de estilo](../style/)
– [Configuración de fuente](../font/)
– [Configuración de fondo](../background/)
– [Microtext Settings](../microtext/)
– [Subtext Settings](../subtext/)