Color Contrast Checker Tool, bir görev için tasarlanmış küçük bir Android yardımcı programıdır: metin renginin gerçekten arka planda okunup okunmadığını WCAG standardının kullandığı aynı matematiği kullanarak söylemek. Bu fikri o kadar çok beğendik ki, bir web tarayıcısı sürümü olan Clarity Check’i yaptık. Bu sayede bir web sitesi, slayt paketi veya uygulama için renk seçen herkes herhangi bir şey yüklemek zorunda kalmadan sayıyı öğrenebilir. İki renk seçin ve oran, herhangi birini değiştirdiğinizin an’ında güncellenir.
Şimdi bir kontrastı oranı kontrol edin
Zaten yüklü olan gerçek bir çift ile açılır, Indigo üzerinde beyaz metin, böylece hiçbir şeye dokunmadan canlı bir oran ve geçme/başarısızlık rozetleri görürsünüz. Kendi çiftinizi kontrol etmek için renk seçici sürükleyin veya bir hex kodu yazın.
Nasıl kullanılır
Metin rengini “Text” altında, arka planı “On” altında ayarlayın. Bunu, yerel renk seçiciyi sürükleyerek veya doğrudan bir hex kodu yazarak yapabilirsiniz. Oran, canlı metin önizlemesi ve üç rozet (AA metin, AA büyük, AAA metin) her değişiklikte güncellenir, hiçbir düğme basmanız gerekmez. Metin ve arka planı değiştirmek için Swap’a dokunun veya hazır bir kombinasyon yüklemek ve nerede yer aldığını görmek için ön ayar çiftlerinden birine dokunun. Yazdığınız her şey tarayıcınızda kalır; son çiftiniz cihazınıza kaydedilir, böylece sayfayı bir sonraki açışınızda hala orada olur.
Color Contrast Checker Tool ile nasıl karşılaştırılır
Clarity Check, orijinal uygulamanın gerçekten önemli olan bölümünü tutar: iki renk yazın veya seçin, WCAG kontrastı oranını ve AA ve AAA eşikleri karşı açık geçme veya başarısızlığı, anında ve hesap olmadan alın. Canlı metin önizlemesi kendi eklememizdir, bu sayede sadece bir sayı okumuyorsunuz, çiftin gerçek okuyucu tarafından nasıl görüneceğini görürsünüz.
Bıraktığımız şey, adanmış bir Android uygulamasının geri kalanıdır: kaydedilmiş proje geçmişi, aynı anda birden fazla çifti kontrol etme ve tek bir tarayıcı sekmesinin ötesinde çevrimdışı erişim. Bir web üzerinde bir şey tasarlarken renkleri bir kez kontrol ediyorsanız, Clarity Check yeterlidir. Kontrastı kontrol etme düzenli iş akışınızın bir parçasıysa ve tarayıcı sekmesi açık olmadan telefonunuzda istiyorsanız, Android uygulaması daha iyi bir seçimdir.
Belirtmeye değer bir başka nokta: kendi aracımızın arayüzünü ölçtüğü aynı standarda tutmuş olduğumuz. Sayfadaki her şey etiketler, rozetler, düğmeler dahil olmak üzere arka plana karşı 4.5:1 kontrastı temizler. Kendi testini geçemeyen bir kontrastı kontrol cihazı bu fikir için kötü bir reklam olurdu.
Tam uygulamayı alın
Color Contrast Checker Tool, tarayıcının dışında kontrastı kontrol etmeyi istiyorsanız ve geçmişinizi cihazda kaydedilmiş olarak istiyorsanız ücretsiz bir Android uygulamasıdır.
Sık sorulan sorular
Bu kontrastı kontrol cihazı hangi formülü kullanır?
WCAG 2.1’deki tam formülü: her renk için sRGB kanallarından göreceli parlaklık, daha sonra kontrast oranı (L1 + 0.05) / (L2 + 0.05) daha açık ve daha koyu parlaklık kullanılarak. Bu, tarayıcıların ve tasarım araçlarının kullandığı aynı matematiktir, bu nedenle siyah-beyaz bir çift burada 21:1 okunur, tıpkı başka yerde olduğu gibi.
AA ve AAA tam olarak ne anlama geliyor?
Bunlar metin kontrastı için WCAG 2.1 uygunluk düzeyleridir. AA normal metin için en az 4.5:1 ve büyük metin için 3:1 (kabaca 18px kalın veya 24px normal ve üzeri) gerektirir. AAA daha sıkıdır: normal metin için 7:1. Çoğu site ve uygulama AA’yı hedefler; AAA, erişilebilirliğe odaklanmış ürünler gibi okunabilirliğin daha da önemli olduğu içerik içindir.
Bu gerçek Color Contrast Checker Tool mı?
Hayır. Clarity Check, Android uygulamasının yaptığından ilham aldığımız bir tarayıcı aracıdır ve geliştirici tarafından onaylanmamış veya desteklenmez. Aynı WCAG formülünü çalıştırır, ancak bu bizim kendi kodumuzdur ve arayüzümüzüdür. Yukarıdaki indirme bağlantıları gerçek uygulamaya gider.
Çevrimdışı olarak çalışır mı ve verilerim özel mi?
Sayfa yüklendikten sonra başka ağ isteği yapmaz, bu nedenle kesilmiş bir bağlantı onu çalışmayı durdurmaz. Yazdığınız veya seçtiğiniz hiçbir şey hiçbir yere gönderilmez; son renkleriniz yalnızca kendi tarayıcınızın yerel depolama alanında kaydedilir.
Ücretsiz mi?
Evet, tamamen. Reklam yok, hesap yok, kaç çifti kontrol ettiğiniz konusunda hiçbir sınır yok.
