Contrast Checker adalah plugin aksesibilitas yang membantu Anda memeriksa kontras warna di dalam kanvas Framer. Ini memeriksa kontras antara teks dan latar belakang berdasarkan standar AA dan AAA, serta mendukung berbagai format input warna seperti HEX, RGB, HSL, dan juga dilengkapi dengan pemilih warna.

Dengan mempertimbangkan aksesibilitas ini di tahap awal desain, Anda dapat mengurangi biaya revisi dan menciptakan pengalaman yang inklusif untuk lebih banyak pengguna. Oleh karena itu, plugin ini direkomendasikan untuk desainer UI/UX, pengembang, dan tim yang menerapkan desain inklusif.

Fitur Utama

Mendukung Berbagai Format Input Warna

Anda dapat memasukkan warna secara bebas dengan format HEX, RGB, HSL, sehingga bisa bekerja dengan cara yang sudah Anda kenal.

Integrasi Pemilih Warna

Pilih warna langsung dari kanvas Framer untuk menguji kontras yang tepat.

Fungsi Pratinjau Real-Time

Anda bisa melihat kombinasi teks dan latar belakang yang dipilih secara visual dan real-time.

Pemeriksaan Otomatis Berdasarkan Standar WCAG

Secara otomatis memeriksa apakah teks umum dan teks besar memenuhi standar WCAG AA dan AAA.

Menyalin Hasil dengan Satu Klik

Bagikan hasil pemeriksaan dan status aksesibilitas dengan mudah kepada tim Anda hanya dengan satu klik.

Penjelasan Tambahan

Contrast Checker membantu mengintegrasikan aksesibilitas desain secara alami ke dalam alur kerja Anda. Selain menghemat waktu, ini juga dapat meningkatkan konsistensi dan profesionalisme UI Anda.