Grid & Contrast: UI Live Check

Grid & Contrast adalah toolkit aksesibilitas offline yang cepat, dirancang untuk desainer UI/UX dan pengembang front-end yang membutuhkan jawaban cepat selama tinjauan desain, panggilan klien, dan pemeriksaan QA.

PEMERIKSA KONTRAST

Masukkan dua warna heksadesimal dan langsung lihat rasio kontras WCAG 2.1 beserta hasil lulus/gagal AA dan AAA untuk teks normal dan besar. Pratinjau langsung menunjukkan bagaimana tampilan teks isi, judul, dan keterangan sebenarnya dengan latar depan dan latar belakang yang Anda pilih, sehingga Anda dapat menilai keterbacaan sekilas — bukan hanya angkanya.

PENGUJI TARGET SENTUH

Sesuaikan ukuran dan jarak target sentuh dengan slider sederhana dan lihat hasilnya yang ditampilkan dalam skala sebenarnya di layar Anda. Bandingkan dengan Material Design, Pedoman Antarmuka Manusia Apple, dan aturan ukuran minimum WCAG 2.5.5, termasuk pedoman 48x48dp yang terkenal, untuk mendeteksi masalah aksesibilitas sebelum dirilis.

PEMBUAT SKALA TIPOGRAFI

Pilih ukuran font dasar dan rasio skala modular (Minor Second hingga Golden Ratio) untuk menghasilkan skala tipografi lengkap — Teks hingga Tampilan — yang ditampilkan secara langsung pada ukuran piksel sebenarnya di tampilan perangkat Anda. Lihat persis bagaimana tampilan dan nuansa setiap langkah sebelum menerapkannya ke sistem desain Anda.

MENGAPA DESAINER DAN PENGEMBANG TETAP MENGGUNAKAN APLIKASI INI

- Alat yang bersih dan fokus pada satu tujuan tanpa kekacauan

- Berfungsi sepenuhnya offline — tanpa akun, tanpa pengaturan

- Tema terang dan gelap yang sesuai dengan alur kerja Anda

- Dibangun berdasarkan rumus kontras WCAG 2.1 yang sebenarnya, bukan perkiraan

- Referensi yang berguna selama pertemuan klien, QA desain, dan tinjauan kode

UNTUK SIAPA APLIKASI INI

- Desainer UI/UX yang memeriksa sistem warna untuk aksesibilitas

- Pengembang front-end dan mobile yang memverifikasi implementasi terhadap spesifikasi desain

- Penguji QA yang mengaudit layar untuk kepatuhan WCAG

- Pengelola sistem desain yang mendokumentasikan skala tipografi dan aturan kontras

Grid & Contrast tidak mencoba menjadi rangkaian desain lengkap — aplikasi ini berfokus pada pemeriksaan aksesibilitas kecil dan berulang yang mudah dilewati tetapi penting untuk dilakukan dengan benar. Simpan di ponsel Anda dan gunakan kapan pun Anda membutuhkan jawaban yang cepat dan andal.