Site search
Language
Sign In
Site search hamburger-menu icon
Dil seç
English
Čeština
Dansk
Deutsch
Eestlane
Español
Français
Hrvatski
Indonesia
Italiano
Lietuvis
Magyar
Melayu
Nederlands
Polski
Português
Română
Slovenský
Suomalainen
Svenska
Tiếng Việt
Ελληνικά
Български
Українська
Русский
ქართული
Հայերեն
עִברִית
العربية
فارسی
हिंदी
ภาษาไทย
한국어
中文
日本語

Kontrast Denetleyicisi

Metin kontrast oranını hesaplamak için WCAG renk kontrastı denetleyicisi.

Ön plan rengi

Lütfen geçerli bir altıgen üçlüsü girin veya renk seçiciyi kullanın.

Arka Plan Rengi

Lütfen geçerli bir altıgen üçlüsü girin veya renk seçiciyi kullanın.

Kontrast Oranı 21:1

Normal Metin

WCAG AA: Pass

WCAG AAA: Pass

Örnek normal metin - 16px

Büyük Metin

WCAG AA: Pass

WCAG AAA: Pass

Örnek büyük metin 18pt/24px

Grafik Nesneler ve Kullanıcı Arayüzü Bileşenleri

WCAG AA:  Pass

image/svg+xml
  • Normal metin boyutu için kontrast oranını hesaplayın.
  • Büyük metin boyutu için kontrast oranını hesaplayın.
  • Kullanıcı Arayüzü Bileşenleri için kontrast oranını hesaplayın.
  • Renk seçiciden renk seçin
  • Rengi ayarlama Hafifliği

Kontrast Denetleyicisi nasıl kullanılır

  • Arka Plan Rengi Seç
  • Ön Por Rengi Seçin
  • Gerekirse Hafifliği Ayarlayın
  • Normal ve büyük metinler için denetimi kontrol edin

SSS

Kontrast denetleyicisi nasıl çalışır?

Metnin ve arka planın rengini değerlendirmeniz gerekir. WCAG 2.1 yönergelerine göre, bunlar: Büyük metin - Minimum 18 piksel boyutuna sahip metin, 3:1 kontrast oranı gerektirir; Küçük metin - 18 pikselden küçük bir boyuta sahip metin, kontrast oranı 4. 5:1 gerektirir.

Web sitem neden yeterli renk kontrastına sahip olmalı?

Düşük kontrast oranına sahip bir arka plandaki metnin okunması genellikle zordur. Bu sadece görme bozukluğu olanları olumsuz etkilemez, aslında tüm kullanıcıları rahatsız eder. Bir örnek, güneşli bir günde dışarıda bir cep telefonundaki metni okumaktır..

Web sitesi erişilebilirliği ne anlama geliyor?

Erişilebilir bir web sitesi, görme veya işitme engelli kişilerin kısıtlama olmaksızın kullanabilmeleri için tasarlanmış bir web sitesidir.. Örneğin, bu, tüm site öğelerinin yeterli renk kontrastına sahip olmasını sağlar, yani. metin rengi arka plan renginden oldukça farklıdır.

Görüntülerin ve videoların WCAG renk kontrastı gereksinimlerine uygun olması gerekiyor mu?

Bazı grafikler ve arayüz bileşenleri en az 3:1 kontrast oranı gerektirir. Ancak bu, logolar, dekoratif resimler veya genel medya dosyalarını içermez.

© Eptimize Pty Ltd 2022-2024. All Rights Reserved.