Ordem de ajuste quando o texto esta dificil de ler – ZenBlocks buttonBasic
Conclusao
A ordem mais eficiente e: **contraste -> tipografia -> sombra do texto -> overlay de fundo**.
—
Causas
1. Contraste insuficiente entre texto e fundo.
2. Fonte pequena demais.
3. Texto sobre imagem complexa sem overlay.
4. Entrelinha ou espacamento inadequados.—
Procedimento
### Etapa 1: verificar contraste
1. Revise cor do texto e cor de fundo.
2. Garanta diferenca de luminosidade.
3. Referencia WCAG AA: 4.5:1.### Etapa 2: ajustar tipografia
1. `Font Size`: minimo 14px no mobile.
2. `Font Weight`: 600-700 em fundo complexo.
3. `Line Height`: 1.4-1.8.
4. `Letter Spacing`: 0.02-0.05em se necessario.### Etapa 3: usar sombra do texto
1. Abra configuracao de text shadow.
2. Use blur leve (2-4px).
3. Comece com opacidade 0.3-0.5.### Etapa 4: aplicar overlay
1. Ative overlay nas configuracoes de fundo.
2. Ajuste alpha entre 0.3 e 0.6.### Etapa 5: validar no responsive
1. Verifique desktop -> tablet -> smartphone.
2. Ajuste por dispositivo quando necessario.—
Observacoes
– Microtext e subtext podem ser discretos, mas precisam continuar legiveis.
– Microcopy/subcopy fora do botao devem ser avaliados no fundo real da pagina.—
Configuracoes relacionadas
– [Configuracoes de estilo](../style/)
– [Font Settings](../font/)
– [Background Settings](../background/)
– [Microtext Settings](../microtext/)
– [Subtext Settings](../subtext/)