Mencapai AA: Ambang Teks dan Teks Besar
Ketahui rasio minimum untuk teks isi dan teks besar.
Mencapai AA: Ambang Teks dan Teks Besar adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Web Accessibility Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Web Accessibility Academy mencakup 4 pelajaran total.
Capai Target AA
Sebagian besar tim berkomitmen memenuhi Level AA WCAG untuk kontras. Standar ini cukup ketat untuk membantu pengguna nyata dan cukup realistis untuk benar-benar diterapkan.
Teks Normal: 4,5 banding 1
Untuk teks isi, AA mengharuskan setidaknya 4.5:1. Ini mencakup paragraf, label, dan sebagian besar kata di halaman Anda.
Apa yang Dianggap Besar
Teks besar berarti 24px dengan ketebalan normal, atau 18.66px dan tebal. Pada ukuran ini, huruf lebih mudah dibaca, sehingga aturannya lebih longgar.
Teks Besar: 3 banding 1
Teks besar hanya memerlukan rasio 3:1. Bentuk yang lebih besar memiliki bobot visual lebih kuat, sehingga perbedaan kecerahan yang lebih kecil tetap terbaca dengan jelas.
Ketebalan Tebal Menurunkan Batas Ukuran
Ketebalan berpengaruh: teks tebal dianggap besar pada ukuran 18.66px yang lebih kecil, karena goresan yang lebih tebal lebih mudah ditangkap mata.
Poin versus Piksel
WCAG mendefinisikan teks besar sebagai 18pt atau 14pt tebal, yang setara dengan 24px dan 18.66px dalam CSS. Biasanya alat akan melakukan konversinya untuk Anda.
Komponen Antarmuka: 3 banding 1
Tombol, kolom input, dan indikator fokus harus mencapai rasio 3:1 terhadap latar di sekitarnya berdasarkan kriteria 1.4.11, agar kontrol tetap terlihat.
AAA Lebih Ketat
Ingin jaminan yang lebih kuat? AAA menaikkan rasio teks normal menjadi 7:1 dan teks besar menjadi 4.5:1, tetapi sebagian besar produk menjadikan AA sebagai tingkat dasar.
Kontrol Nonaktif dan Logo Dikecualikan
Beberapa hal tidak perlu mengikuti aturan ini: kontrol nonaktif, hiasan murni, dan logo merek tidak memiliki persyaratan kontras minimum.
Teks Placeholder Tetap Diperhitungkan
Placeholder abu-abu yang samar itu tetap merupakan teks, jadi harus memenuhi rasio 4.5:1 juga. Sebagian besar nilai bawaan tidak memenuhi syarat, jadi gelapkan dengan sengaja.
Menentukan Ukuran Teks Besar dalam CSS
Judul ini mencapai ukuran teks besar, sehingga rasio 3:1 sudah cukup agar memenuhi AA.
h2 {
font-size: 24px;
font-weight: 400;
}Pemeriksaan Singkat
Tentukan angka AA untuk berbagai jenis teks.
Ringkasan: Memenuhi AA
Ingat pasangannya: 4.5:1 untuk teks normal dan 3:1 untuk teks besar atau bagian antarmuka. Kuasai keduanya agar kontras Anda memenuhi AA. Berikutnya: jangan pernah hanya mengandalkan warna. 🎯
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Mencapai AA: Ambang Teks dan Teks Besar” gratis?
Ya — teks lengkap “Mencapai AA: Ambang Teks dan Teks Besar” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Web Accessibility Academy, upgrade ke CoddyKit PRO. Kursus Web Accessibility Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Mencapai AA: Ambang Teks dan Teks Besar”?
Ketahui rasio minimum untuk teks isi dan teks besar. Kamu berlatih Web Accessibility Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Web Accessibility Academy?
Tidak diperlukan pengalaman sebelumnya. Web Accessibility Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “Mencapai AA: Ambang Teks dan Teks Besar” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Web Accessibility Academy ini?
Ya. Setiap pelajaran Web Accessibility Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Mengapa Rasio Kontras Dibutuhkan
- Mencapai AA: Ambang Teks dan Teks Besar
- Jangan Pernah Mengandalkan Warna Saja
- Periksa Kontras dengan Alat Gratis