Dasar Pendahuluan & Tipografi
Tipografi web modern memerlukan penanganan yang kuat terhadap ketinggian garis, spasi karakter, dan kontras yang bervariasi. Saat membangun komponen front-end untuk postingan blog atau artikel, menguji bagaimana perilaku teks panjang di seluruh area pandang responsif sangatlah penting.
Bagian ini menguji rendering prosa standar. Paragraf standar harus menampilkan margin yang bersih, panjang baris teks yang dapat dibaca (idealnya antara 60 dan 75 karakter per baris), dan hierarki font yang konsisten. Ini harus bertransisi dengan lancar ke teks miring, penekanan tebal, dan elemen kode sebaris standar tanpa merusak tinggi garis.
Aturan Utama untuk Kualitas Tata Letak: Selalu pastikan bahwa blockquote, gambar, dan tabel tidak melebihi pembungkus konten induk pada area pandang yang lebih kecil seperti layar seluler.
Daftar Periksa Komponen & Elemen Terstruktur
Untuk memverifikasi bahwa stylesheet atau kerangka komponen Anda menata gaya elemen semantik dengan benar, uji struktur daftar dan presentasi data berikut.
Langkah Eksekusi yang Diperintahkan
- Verifikasi Skala Pos: Periksa ukuran $H_ 1$ hingga $H_ 3$ untuk mengetahui hierarki yang berbeda.
- Uji Bantalan Kontainer: Pastikan padding seluler tidak memotong elemen turunan.
- Audit Mode Gelap: Periksa rasio kontras teks-ke-latar belakang ($> 4,5:1$).