Urutan penyesuaian saat teks sulit dibaca – ZenBlocks buttonBasic
Kesimpulan
Urutan paling efektif adalah: **kontras -> tipografi -> bayangan teks -> overlay background**.
—
Penyebab
1. Kontras teks dan background kurang.
2. Ukuran font terlalu kecil.
3. Teks diletakkan di atas gambar kompleks tanpa overlay.
4. Line height / letter spacing kurang tepat.—
Langkah penyelesaian
### Langkah 1: cek kontras
1. Cek warna teks dan warna background.
2. Pastikan perbedaan kecerahan cukup.
3. Gunakan acuan WCAG AA (4.5:1).### Langkah 2: atur tipografi
1. `Ukuran Font`: minimal 14px di mobile.
2. `Font Ketebalan`: 600-700 untuk background ramai.
3. `Tinggi Baris`: sekitar 1.4-1.8.
4. `Jarak Huruf`: tambah 0.02-0.05em bila perlu.### Langkah 3: gunakan bayangan teks
1. Buka pengaturan text shadow.
2. Set blur ringan (2-4px).
3. Mulai dari opacity 0.3-0.5.### Langkah 4: tambahkan overlay
1. Aktifkan overlay di pengaturan background.
2. Sesuaikan alpha di kisaran 0.3-0.6.### Langkah 5: validasi responsive
1. Cek desktop -> tablet -> smartphone.
2. Sesuaikan ukuran teks per perangkat jika perlu.—
Catatan
– Microtext dan subtext boleh lebih halus, tetapi tetap harus terbaca.
– Microcopy/subcopy berada di luar tombol, jadi cek juga terhadap background halaman asli.—
Pengaturan terkait
– [Pengaturan Gaya](../style/)
– [Pengaturan Font](../font/)
– [Pengaturan Latar Belakang](../background/)
– [Microtext Settings](../microtext/)
– [Subtext Settings](../subtext/)