--- title: "Website Diperiksa Kontrasnya Sebelum Dipublikasikan | Briks" url: https://briks.dev/id/features/contrast-checks description: "Setiap build Briks diperiksa kontras warnanya agar terbaca, di kode dan di halaman langsung pada desktop dan ponsel, lalu diperbaiki bila teks sulit dibaca." last_updated: 2026-10-08 --- Di setiap paket # Diperiksa sebelum dipublikasikan Tulisan yang tidak terbaca membuat Anda kehilangan pelanggan. Setiap build diperiksa kontras warnanya di dalam kodenya sebelum dipublikasikan, lalu di halaman langsung pada desktop dan ponsel, dan diperbaiki bila ada yang sulit dibaca. ## Cara kerjanya 1. **Di dalam kode** Sebelum dipublikasikan, Briks memeriksa warna tulisan terhadap latar tempatnya berada. 2. **Di halaman live** Setelah publikasi pertama, Briks melihat halaman dalam lebar desktop dan ponsel. 3. **Perbaikan bila diperlukan** Jika ada kata yang sulit dibaca, ia memperbaikinya satu kali. ## Apa yang diperiksa pada setiap build Kontras rendah adalah salah satu kesalahan aksesibilitas paling umum di web: abu-abu pucat di atas putih, putih di atas foto terang, warna merek di atas warna yang hampir sama. Briks memeriksa kontras warna dalam kode situs sebelum apa pun dipublikasikan, mengukur setiap warna teks Anda terhadap latar yang sebenarnya di belakangnya. Standarnya adalah yang ditetapkan pedoman aksesibilitas, WCAG AA: 4,5 banding 1 untuk teks isi, dan 3 banding 1 untuk teks besar, yaitu 24 piksel ke atas, atau sekitar 19 piksel dalam huruf tebal. Jika sebuah warna tidak memenuhi, kata-kata di atas latar itu diberi warna yang terbaca. Setelah publikasi pertama, Briks melihat halaman yang tayang dalam lebar desktop dan ponsel dan memeriksa kontras lagi, karena sebagian masalah baru terlihat di browser, seperti tulisan di atas gambar. Jika ada yang sulit dibaca, Briks memperbaikinya satu kali. Briks juga memeriksa bahwa setiap halaman yang Anda pilih ada di menu. ## Pemeriksaan tambahan untuk aplikasi, dan saat peluncuran Aplikasi mendapat pembacaan kode kedua sebelum dipublikasikan, ditujukan pada kesalahan yang paling merugikan: kunci rahasia yang tertulis di dalam file, penulisan ke database tanpa batas, tabel anggota yang bisa dibaca siapa pun, dan kueri database yang dibuat dengan menggabungkan string. Saat Anda membawa situs ke produksi, pemeriksaan peluncuran berjalan lebih dulu. Pemeriksaan ini menghentikan peluncuran jika ada hal yang akan memalukan bagi bisnis di hari pertamanya: teks pengganti yang masih tertinggal, fakta yang dikarang draf yang belum Anda ganti atau konfirmasi, halaman tanpa judul dan deskripsi sendiri untuk hasil pencarian, tautan antar halaman Anda yang tidak menuju ke mana pun, dan tidak adanya halaman untuk alamat yang tidak ada. Alat ini membaca hingga dua belas halaman dan mencoba hingga delapan puluh tautan. Alat ini tidak menjalankan model AI, jadi tidak memakai kredit. ## Pemeriksaan yang lebih lengkap, dan apa yang tidak diperiksa Pemeriksaan yang lebih lengkap hanya berjarak satu tombol di langkah proyek baru, dan nonaktif secara bawaan. Setelah versi pertama dipublikasikan, Briks melihatnya pada empat ukuran layar dan memperbaiki yang tampil rusak, seperti bagian yang saling menimpa atau tata letak yang berantakan pada satu lebar layar. Ini memakan beberapa menit lebih lama dan sejumlah kredit; satu pemeriksaan menahan 5 kredit selama berjalan. Anda bisa meminta pemeriksaan yang sama bersama perubahan berikutnya. Agar jelas soal batasannya: pemeriksaan tumpang tindih, gambar, dan tautan tidak dijalankan pada setiap build. Build pertama yang biasa mendapat pemeriksaan kontras, pemeriksaan menu, dan, untuk aplikasi, pembacaan kode. Tautan diperiksa oleh pemeriksaan peluncuran, atau oleh pemeriksaan yang lebih lengkap saat Anda menyalakannya. Semua ini tidak menggantikan mata Anda sendiri. Buka pratinjau di ponsel Anda sebelum memublikasikan ke produksi, dan mintalah apa pun yang terasa kurang pas dengan kata-kata sederhana. ## Pemeriksaan sebelum publikasi dalam praktik Tiga contoh bisnis, dan cara masing-masing memakainya. Jika sebuah situs ditampilkan, itu adalah contoh yang dibuat Briks untuk bisnis rekaan, bukan pelanggan. 1. Pembuat lilin **Tulisan berwarna pucat di atas foto yang lembut** Seorang pembuat lilin ingin judul utamanya berada di atas foto tepi laut yang berkabut. Pada lebar layar ponsel, sebagian judul berada di atas bagian langit yang paling terang. Inilah jenis masalah yang menjadi alasan adanya pemeriksaan langsung: pemeriksaan ini melihat halaman yang sudah dipublikasikan di desktop dan ponsel, lalu memperbaiki tulisan yang sulit dibaca. [![Halaman pembuka Saltmarsh Candles, situs contoh yang dibuat Briks untuk pembuat lilin contoh](https://briks.dev/showcase/saltmarsh-candles-d0d6.webp)](https://saltmarsh-candles-d0d6.briks.live/) **Saltmarsh Candles** adalah situs contoh yang dibuat Briks untuk pembuat lilin contoh, bukan pelanggan. [Buka contoh](https://saltmarsh-candles-d0d6.briks.live/) 2. Firma hukum **Warna merek emas muda di atas putih** Warna merek firma hukum adalah emas muda. Sebagai warna teks di atas putih, kontrasnya jauh di bawah 4,5 banding 1. Sebelum dipublikasikan, pemeriksaan di dalam kode menemukannya dan mengatur teks pada latar itu dengan warna yang terbaca, sehingga halaman firma tetap mudah dibaca sejak publikasi pertama. 3. Perusahaan konstruksi **Aplikasi tugas untuk tim lapangan, diperiksa sebelum dipublikasikan** Sebuah perusahaan konstruksi meminta aplikasi kecil tempat krunya mencatat pekerjaan. Sebelum dipublikasikan, kodenya diperiksa untuk mencari kunci yang tertulis di dalam file dan penulisan data tanpa batas. Saat perusahaan itu membawanya ke produksi, pemeriksaan peluncuran juga menemukan tautan ke halaman Projects yang tidak pernah dibuat, dan menghentikan peluncuran sampai diperbaiki. ## Yang Anda dapatkan - Kontras diperiksa di dalam kode sebelum publikasi, sesuai WCAG AA - Diperiksa lagi di halaman yang sudah tayang pada desktop dan ponsel, dengan satu perbaikan - Setiap halaman yang dipilih sudah ada di menu sebelum dipublikasikan - Aplikasi diperiksa untuk kunci yang tertulis di dalam file, penulisan tanpa batas, dan kueri yang tidak aman ### Perlu diketahui - Pemeriksaan yang lebih lengkap pada empat lebar layar tersedia lewat satu pengaturan di langkah proyek baru. - Memublikasikan ke produksi menjalankan pemeriksaan peluncuran, termasuk tautan yang tidak mengarah ke mana pun. ## Pertanyaan tentang pemeriksaan sebelum publikasi ### Apa yang diperiksa pada setiap pembuatan? Kontras warna, di dalam kode dan pada halaman langsung di desktop dan ponsel, serta apakah setiap halaman yang Anda pilih ada di menu. ### Apakah ada pemeriksaan yang lebih lengkap? Ya. Pemeriksaan pada empat lebar layar bisa diaktifkan, dan Publish to production menjalankan pemeriksaan peluncuran. ### Berapa kontras yang ditargetkan Briks? WCAG AA: 4,5 banding 1 untuk teks isi dan 3 banding 1 untuk teks besar. ### Apakah setiap build memeriksa tautan dan elemen yang saling tumpang tindih? Tidak. Tautan diperiksa oleh pemeriksaan peluncuran saat Publish to production, dan tumpang tindih diperiksa oleh pemeriksaan lebih lengkap yang Anda aktifkan sendiri. ## Fitur terkait - [Di setiap paket **Versi dan pembatalan** Tiap build dan perubahan di Briks disimpan sebagai versi. Urungkan, ulangi, atau pulihkan versi mana pun dari studio, dan situs terbit lagi seperti semula. Cara kerjanya](https://briks.dev/id/features/versions-and-undo) - [Domain di paket berbayar **Hosting dan domain Anda** Setiap situs Briks di-hosting di alamat briks.live sendiri. Di paket berbayar, hubungkan domain Anda; sertifikat terbit dan diperbarui otomatis. Cara kerjanya](https://briks.dev/id/features/hosting-and-domains) - [Di setiap paket **Pertanyaan sebelum membangun** Sebelum build pertama, Briks menanyakan halaman yang Anda mau dan hal yang belum jelas. Centang, ketik, atau serahkan padanya. Untuk website dan aplikasi. Cara kerjanya](https://briks.dev/id/features/questions-before-building) [Lihat semua 32 fitur](https://briks.dev/id/features) ## Coba di bisnis Anda sendiri Jelaskan dalam satu kalimat dan Briks membangunnya. Mulai gratis dengan kredit yang Anda dapat saat mendaftar.