MoreLesson 192Preview gratis
Callout
Lesson ini bagian dari How To · Semua level
Ringkasan
Callout adalah kotak sorotan yang dipakai untuk menarik perhatian pada informasi penting, seperti tips, peringatan, atau catatan tambahan. Biasanya callout memiliki warna latar lembut, garis tepi tebal di satu sisi, dan ikon. Komponen ini membantu pembaca memisahkan informasi kunci dari teks biasa tanpa harus membuatnya terlalu mencolok.
Poin kunci
- Gunakan border-left tebal untuk memberi aksen visual yang kuat namun sederhana
- Pilih warna latar lembut dan pastikan kontras teks tetap memenuhi aksesibilitas
- Bedakan jenis callout (info, sukses, peringatan) melalui warna dan ikon
- Sembunyikan ikon dekoratif dari pembaca layar dengan aria-hidden='true'
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.