İşleme sınırı
Girdi yalnızca etkin tarayıcı sekmesinin belleğinde işlenir; ByteQuant sunucusuna gönderilmez.
96
Dönüştürücüler
Renk Kontrastı Denetleyici
Ön plan ve arka plan HEX renkleri için göreli parlaklık ile kontrast oranını hesaplar; normal ve büyük metin için AA/AAA eşiklerini ayrı gösterir. Sonuç, gerçek arayüzü ve kullanıcı testini tek başına yerine geçirmez.
✓ Ücretsiz✓ Üyelik yok✓ Tarayıcı içinde
KISA CEVAP
Bu araç ne yapar?
İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın. Renk Kontrastı Denetleyici için kullanım sınırı: Kaynak kopyayı koruyun; çıktı uyumluluğunu hedef uygulamada doğrulayın.
- Girdi
- Renk Kontrastı Denetleyici için başlangıç girdisi: desteklenen renk, CSS, SVG, görsel veya boyut değerleri. Araç bu girdiyi “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” amacıyla kullanır.
- Çıktı
- Renk Kontrastı Denetleyici tamamlandığında önizlenebilir görsel değer, ölçü/biçim özeti ve kopyalanabilir ya da indirilebilir sonuç sunar; bu çıktı “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” ihtiyacına göre düzenlenir.
- Yöntem
- Renk Kontrastı Denetleyici, “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” hedefi için şu açıklanabilir yöntemi uygular: değerler tarayıcı API'leri ve görünür dönüşüm formülleriyle işlenir; kaynak korunur.
- Doğrulama
- Renk Kontrastı Denetleyici sonucunu kabul etmeden önce açık/koyu arka plan, farklı ekran boyutları, hedef uygulama ve kaynakla görsel karşılaştırma kontrolünü tamamlayın; beklenen amaç “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” olmalıdır.
ARACA ÖZEL ÇALIŞMA PLANIRenk Kontrastı Denetleyici: Girdi ve sonuç rehberiBiçim, yöntem ve kabul ölçütünü gerektiğinde açın+
Renk Kontrastı Denetleyici için ne gireceğinizi ve ne alacağınızı görün
Renk Kontrastı Denetleyici, özellikle “Tasarım sistemi renk kontrolü: Renk Kontrastı Denetleyici ile yerel analiz” ihtiyacını tamamlamak için aşağıdaki görev sözleşmesini kullanır. Önce örnekle biçimi kontrol edin; gerçek veriyi yalnızca alanlar ve beklenen çıktı doğruysa kullanın.
- Bu biçimi kullanın
1 · Girdiyi hazırlayın
Renk Kontrastı Denetleyici — Renk Kontrastı Denetleyici için başlangıç girdisi: desteklenen renk, CSS, SVG, görsel veya boyut değerleri. Araç bu girdiyi “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” amacıyla kullanır.. Ön plan ve arka plan HEX renklerini girin. Renk Kontrastı Denetleyici için beklenen biçim: Renk Kontrastı Denetleyici için başlangıç girdisi: desteklenen renk, CSS, SVG, görsel veya boyut değerleri. Araç bu girdiyi “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” amacıyla kullanır..
- Uygulanan yöntem
2 · İşlemi çalıştırın
Renk Kontrastı Denetleyici — Renk Kontrastı Denetleyici, “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” hedefi için şu açıklanabilir yöntemi uygular: değerler tarayıcı API'leri ve görünür dönüşüm formülleriyle işlenir; kaynak korunur. Kontrast oranını ve eşikleri hesaplayın. Renk Kontrastı Denetleyici, şu yöntemi uygular: Renk Kontrastı Denetleyici, “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” hedefi için şu açıklanabilir yöntemi uygular: değerler tarayıcı API'leri ve görünür dönüşüm formülleriyle işlenir; kaynak korunur.
- Beklenen çıktı
3 · Sonucu okuyun
Renk Kontrastı Denetleyici — Renk Kontrastı Denetleyici tamamlandığında önizlenebilir görsel değer, ölçü/biçim özeti ve kopyalanabilir ya da indirilebilir sonuç sunar; bu çıktı “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” ihtiyacına göre düzenlenir.. Karanlık tema okunabilirliği: Renk Kontrastı Denetleyici çıktısını doğrulama
- Kabul ölçütü
4 · Kabul edin veya düzeltin
Renk Kontrastı Denetleyici — Renk Kontrastı Denetleyici sonucunu kabul etmeden önce açık/koyu arka plan, farklı ekran boyutları, hedef uygulama ve kaynakla görsel karşılaştırma kontrolünü tamamlayın; beklenen amaç “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” olmalıdır.. Gerçek yazı boyutu, ağırlığı ve durum renkleriyle ayrıca test edin. Renk Kontrastı Denetleyici kabul ölçütü: Renk Kontrastı Denetleyici sonucunu kabul etmeden önce açık/koyu arka plan, farklı ekran boyutları, hedef uygulama ve kaynakla görsel karşılaştırma kontrolünü tamamlayın; beklenen amaç “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” olmalıdır..
Bu araca özgü örnek yol
1. Tasarım sistemi renk kontrolü: Renk Kontrastı Denetleyici ile yerel analiz → 2. Karanlık tema okunabilirliği: Renk Kontrastı Denetleyici çıktısını doğrulama → 3. CTA metni erişilebilirliği: Renk Kontrastı Denetleyici sınırlarını kontrol etme
İpucu: Örnek veri düğmesi varsa önce onu çalıştırın. Sonuç, kabul ölçütünü karşılamıyorsa gerçek süreçte kullanmayın.
Kalıcı depolama
Girdi ve çıktı kaydedilmez. İsteğe bağlı kullanım sayacı içerik değil yalnızca araç kimliği ve sayısını tutar.
Doğrulama
Sonuç açıklanan kurallar veya tarayıcı API'leriyle üretilir; yüksek etkili kullanım öncesinde bağımsız kontrol gerekir.
UYGULAMA VE KARAR REHBERİ
✓ İNCELENDİRenk Kontrastı Denetleyici için doğru girdi, doğru kontrol ve güvenli sonraki adım
Ön plan ve arka plan HEX renkleri için göreli parlaklık ile kontrast oranını hesaplar; normal ve büyük metin için AA/AAA eşiklerini ayrı gösterir. Sonuç, gerçek arayüzü ve kullanıcı testini tek başına yerine geçirmez. Bu inceleme Renk Kontrastı Denetleyici sonucunun amaca uyup uymadığını, hangi kanıtla kabul edileceğini ve zayıf bir çıktının nerede durdurulacağını açıklar.
Renk Kontrastı Denetleyici, “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” hedefi için şu açıklanabilir yöntemi uygular: değerler tarayıcı API'leri ve görünür dönüşüm formülleriyle işlenir; kaynak korunur. Dönüşümden sonra çıktı biçimi yeniden doğrulanır; kayıplı veya tarayıcıya bağlı işlemler ayrıca belirtilir. Kritik dosyalarda özgün kopya korunmalıdır.
Renk Kontrastı Denetleyici için başlangıç girdisi: desteklenen renk, CSS, SVG, görsel veya boyut değerleri. Araç bu girdiyi “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” amacıyla kullanır. Biçimi önce kişisel veri içermeyen küçük bir örnekle doğrulayın.
Renk Kontrastı Denetleyici tamamlandığında önizlenebilir görsel değer, ölçü/biçim özeti ve kopyalanabilir ya da indirilebilir sonuç sunar; bu çıktı “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” ihtiyacına göre düzenlenir. — Renk Kontrastı Denetleyici sonucunu kabul etmeden önce açık/koyu arka plan, farklı ekran boyutları, hedef uygulama ve kaynakla görsel karşılaştırma kontrolünü tamamlayın; beklenen amaç “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” olmalıdır.
Üç gerçek kullanım senaryosu
Tasarım sistemi renk kontrolü: Renk Kontrastı Denetleyici ile yerel analiz
Uygulama: Önce bu ihtiyacı temsil eden küçük ve sentetik bir örnek hazırlayın. Beklenen girdi: Renk Kontrastı Denetleyici için başlangıç girdisi: desteklenen renk, CSS, SVG, görsel veya boyut değerleri. Araç bu girdiyi “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” amacıyla kullanır..
Kabul işareti: Örnek, “Tasarım sistemi renk kontrolü: Renk Kontrastı Denetleyici ile yerel analiz” ihtiyacını gerçek kişisel veri kullanmadan yeniden üretebilmelidir.
Karanlık tema okunabilirliği: Renk Kontrastı Denetleyici çıktısını doğrulama
Uygulama: Aynı örneği değişmeden koruyup cihaz içi yöntemi çalıştırın: Renk Kontrastı Denetleyici, “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” hedefi için şu açıklanabilir yöntemi uygular: değerler tarayıcı API'leri ve görünür dönüşüm formülleriyle işlenir; kaynak korunur.
Kabul işareti: Aynı girdi aynı sonucu vermeli; yöntemin dışındaki hiçbir ağ veya dosya işlemi varsayılmamalıdır.
CTA metni erişilebilirliği: Renk Kontrastı Denetleyici sınırlarını kontrol etme
Uygulama: Sonucu hedef sürece taşımadan önce çıktı kaydını saklayın: Renk Kontrastı Denetleyici tamamlandığında önizlenebilir görsel değer, ölçü/biçim özeti ve kopyalanabilir ya da indirilebilir sonuç sunar; bu çıktı “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” ihtiyacına göre düzenlenir..
Kabul işareti: Kabul için Renk Kontrastı Denetleyici sonucunu kabul etmeden önce açık/koyu arka plan, farklı ekran boyutları, hedef uygulama ve kaynakla görsel karşılaştırma kontrolünü tamamlayın; beklenen amaç “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” olmalıdır.; aksi durumda sonucu ilerletmeyin.
Sonuç aşağıdaki sınırı aşan bir karar için kullanılmamalıdır: Renk Kontrastı Denetleyici için kullanım sınırı: Kaynak kopyayı koruyun; çıktı uyumluluğunu hedef uygulamada doğrulayın.
Sonucu başka bir araca veya gerçek sürece yalnızca Renk Kontrastı Denetleyici sonucunu kabul etmeden önce açık/koyu arka plan, farklı ekran boyutları, hedef uygulama ve kaynakla görsel karşılaştırma kontrolünü tamamlayın; beklenen amaç “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” olmalıdır. tamamlandıktan sonra taşıyın. Karar kaydında şu sınırı görünür tutun: Renk Kontrastı Denetleyici için kullanım sınırı: Kaynak kopyayı koruyun; çıktı uyumluluğunu hedef uygulamada doğrulayın.
Üç adımda sonuç
- 01
Ön plan ve arka plan HEX renklerini girin. Renk Kontrastı Denetleyici için beklenen biçim: Renk Kontrastı Denetleyici için başlangıç girdisi: desteklenen renk, CSS, SVG, görsel veya boyut değerleri. Araç bu girdiyi “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” amacıyla kullanır..
- 02
Kontrast oranını ve eşikleri hesaplayın. Renk Kontrastı Denetleyici, şu yöntemi uygular: Renk Kontrastı Denetleyici, “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” hedefi için şu açıklanabilir yöntemi uygular: değerler tarayıcı API'leri ve görünür dönüşüm formülleriyle işlenir; kaynak korunur.
- 03
Gerçek yazı boyutu, ağırlığı ve durum renkleriyle ayrıca test edin. Renk Kontrastı Denetleyici kabul ölçütü: Renk Kontrastı Denetleyici sonucunu kabul etmeden önce açık/koyu arka plan, farklı ekran boyutları, hedef uygulama ve kaynakla görsel karşılaştırma kontrolünü tamamlayın; beklenen amaç “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” olmalıdır..
Bu araç ne zaman işe yarar?
- ✓ Tasarım sistemi renk kontrolü: Renk Kontrastı Denetleyici ile yerel analiz
- ✓ Karanlık tema okunabilirliği: Renk Kontrastı Denetleyici çıktısını doğrulama
- ✓ CTA metni erişilebilirliği: Renk Kontrastı Denetleyici sınırlarını kontrol etme
Bu araca özgü sınır
Renk Kontrastı Denetleyici için kullanım sınırı: Kaynak kopyayı koruyun; çıktı uyumluluğunu hedef uygulamada doğrulayın.
DERİNLEŞTİRİN
Bu araçla ilgili rehberler
Erişilebilir HTML Yayın Rehberi: Dil, Başlıklar, Formlar ve Erişilebilir Ad
Bir sayfanın görsel olarak düzgün görünmesinin ötesine geçin; dil, başlık akışı, kontrol adı, klavye ve hata durumlarını görev temelli doğrulayın.
Rehberi oku →Erişilebilir İçerik Yayını için Kanıt Odaklı Kontrol Listesi
Tablo semantiği, renk kontrastı, bağlantı bütünlüğü ve sosyal önizlemeyi tek yayın kapısında doğrulayın.
Rehberi oku →ARAÇ HAKKINDA
Sık sorulan sorular
Renk Kontrastı Denetleyici hangi girdiyi kabul eder?+
Renk Kontrastı Denetleyici için başlangıç girdisi: desteklenen renk, CSS, SVG, görsel veya boyut değerleri. Araç bu girdiyi “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” amacıyla kullanır. Ön plan ve arka plan HEX renklerini girin. Renk Kontrastı Denetleyici için beklenen biçim: Renk Kontrastı Denetleyici için başlangıç girdisi: desteklenen renk, CSS, SVG, görsel veya boyut değerleri. Araç bu girdiyi “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” amacıyla kullanır..
Renk Kontrastı Denetleyici çıktısında ne görürüm?+
Renk Kontrastı Denetleyici tamamlandığında önizlenebilir görsel değer, ölçü/biçim özeti ve kopyalanabilir ya da indirilebilir sonuç sunar; bu çıktı “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” ihtiyacına göre düzenlenir. Renk Kontrastı Denetleyici, “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” hedefi için şu açıklanabilir yöntemi uygular: değerler tarayıcı API'leri ve görünür dönüşüm formülleriyle işlenir; kaynak korunur.
Renk Kontrastı Denetleyici çıktısını nasıl doğrulamalıyım?+
“Tasarım sistemi renk kontrolü: Renk Kontrastı Denetleyici ile yerel analiz” senaryosu için önce “Kontrast oranını ve eşikleri hesaplayın. Renk Kontrastı Denetleyici, şu yöntemi uygular: Renk Kontrastı Denetleyici, “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” hedefi için şu açıklanabilir yöntemi uygular: değerler tarayıcı API'leri ve görünür dönüşüm formülleriyle işlenir; kaynak korunur.” adımını tamamlayın; ardından “Gerçek yazı boyutu, ağırlığı ve durum renkleriyle ayrıca test edin. Renk Kontrastı Denetleyici kabul ölçütü: Renk Kontrastı Denetleyici sonucunu kabul etmeden önce açık/koyu arka plan, farklı ekran boyutları, hedef uygulama ve kaynakla görsel karşılaştırma kontrolünü tamamlayın; beklenen amaç “İki rengi WCAG kontrast oranı ve metin eşikleriyle karşılaştırın” olmalıdır..” kontrolünü uygulayın. Sınır veya bozuk girdiyle ikinci bir deneme yapmadan kritik sonucu kullanmayın.
Bu araç verimi bir sunucuya gönderiyor veya kaydediyor mu?+
Hayır. İşlem bu tarayıcı sekmesinde çalışır ve araç girdisi kalıcı alanda tutulmaz. Kopyalama, indirme veya başka araca aktarım yalnızca sizin eyleminizle gerçekleşir.