Cara kerjanya
Di dalam kode
Sebelum dipublikasikan, Briks memeriksa warna tulisan terhadap latar tempatnya berada.
Di halaman live
Setelah publikasi pertama, Briks melihat halaman dalam lebar desktop dan ponsel.
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.
- 01Pembuat 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.
Saltmarsh Candles adalah situs contoh yang dibuat Briks untuk pembuat lilin contoh, bukan pelanggan. Buka contoh - 02Firma 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.
- 03Perusahaan 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.