Ordine di regolazione quando il testo e poco leggibile – ZenBlocks buttonBasic
Conclusione
L’ordine consigliato e: **contrasto -> tipografia -> ombra testo -> overlay sfondo**.
—
Cause
1. Contrasto insufficiente tra testo e sfondo.
2. Font troppo piccolo.
3. Testo su immagine complessa senza overlay.
4. Interlinea o spaziatura caratteri non ottimali.—
Procedura
### Step 1: verificare contrasto
1. Controlla colore testo e colore sfondo.
2. Aumenta la differenza di luminosita.
3. Riferimento WCAG AA: 4.5:1.### Step 2: regolare tipografia
1. `Dimensione font`: almeno 14px su mobile.
2. `Font Peso`: 600-700 su sfondi complessi.
3. `Altezza riga`: 1.4-1.8.
4. `Spaziatura lettere`: 0.02-0.05em se necessario.### Step 3: usare ombra testo
1. Apri impostazioni text shadow.
2. Imposta blur leggero (2-4px).
3. Parti da opacita 0.3-0.5.### Step 4: aggiungere overlay
1. Attiva overlay nelle impostazioni sfondo.
2. Regola alpha in area 0.3-0.6.### Step 5: validare responsive
1. Controlla desktop -> tablet -> smartphone.
2. Regola i valori per dispositivo se necessario.—
Note
– Microtext e subtext possono essere piu discreti, ma devono restare leggibili.
– Microcopy/subcopy fuori dal pulsante vanno verificati sullo sfondo reale della pagina.—
Impostazioni correlate
– [Impostazioni stile](../style/)
– [Impostazioni font](../font/)
– [Impostazioni sfondo](../background/)
– [Microtext Settings](../microtext/)
– [Subtext Settings](../subtext/)