Uygulama arayüzünüz için seçtiğiniz renkler, kullanıcıların arayüzünüzü ne kadar kolay okuyup anlayabileceğini etkiler. Yeterli düzeyde renk kontrastı, metin ve resimlerin daha kolay okunup anlaşılmasını sağlar.
Yeterli düzeyde renk kontrastı, hem görme bozuklukları olan kullanıcılar hem de aşırı ışıklı ortamlarda (ör. doğrudan güneş ışığı altında veya düşük parlaklığa sahip bir ekranda) arayüzü görüntüleyen tüm kullanıcılar için faydalıdır.
Kullanım
Uygulamanın kullanıcı arayüzünü oluştururken arka plan ve ön plan renklerini yeterli düzeyde renk kontrastıyla ayarlayın.
"Kontrast oranı", iki bitişik renk ekranda gösterilirken aralarındaki parlaklık farkının veya yayılan ışığın yoğunluğunun hesaplamasıdır. Bu oran, 1 ile 21 arasında değişir (genellikle 1:1 - 21:1 şeklinde yazılır). Sayının yüksek olması kontrastın daha yüksek olduğunu gösterir. Bitişik iki rengin kontrast oranını hesaplamada kullanılabilecek birçok araç (ör. bu renk kontrastı oranı hesaplayıcısı) vardır.
Metin görüntülemek için TextView öğesini kullanırken ön ve arka plan renklerini yüksek kontrast oranıyla tanımlamak için android:textColor ve android:background özelliklerini kullanın. Text öğesini Compose'da kullanırken ön ve arka plan renklerini yüksek kontrast oranıyla tanımlamak için renk parametresini ve Modifier.background'ı kullanın.
- Küçük metin (18 punto normal veya 14 punto kalın altındaki karakterler) için en az 4.5:1
- Büyük metin (18 punto ve üzeri normal veya 14 punto ve üzeri kalın karakterler) için en az 3.0:1
Renk kontrastıyla ilgili notlar:
-
ImageViewveyaImageöğelerini kullanarak grafik içeriği ya da ikon oluştururken ön plan ve arka plan renkleri arasındaki kontrastın, önerilen oranlarla aynı veya daha yüksek olduğundan emin olun. - Kontrast oranları, bir öğe diğer öğelerin üzerine yerleştirildiğinde ön ve arka planında görünen renge göre ölçülür. Renkler ARGB biçiminde tanımlanıyorsa (onaltılı #AARRGGBB değerleri), opak olmayan renklerin (alfa kanalı değeri 255'ten az olanlar) altlarında oluşturulan içerikle karıştırılmaları nedeniyle farklı görünümlü bir renge sahip olabileceğini unutmayın.
- Yazı tipi yumuşatma ve kenar yumuşatma, özellikle kalınlığı az olan içeriklerin görünen rengini etkileyebilir. Okunabilirliği iyileştirmek için daha yüksek kontrast oranına sahip bir renk kombinasyonu seçin veya içeriğin kalınlığını artırın.
Tasarım
Kullanıcı arayüzü tanımlarken bitişik olarak kullanılan renkler için yeterli renk kontrastına sahip bir palet seçin.
- Özellikle metin ve ikonların kontrastı konusunda minimum kontrast oranlarıyla ilgili W3C kılavuzunda belirtilenleri uygulayın.
- Yüksek kontrastlı bir tema kullanmayı değerlendirin. Bunun yerine, kullanıcının birincil içeriğe ilişkin renkleri seçmesine izin verebilirsiniz.
Daha fazla bilgi için Materyal Tasarım'da Erişilebilirlik ile ilgili renk ve kontrast yönergelerine göz atın.
Test
Uygulamanın renk kontrastını manuel olarak kontrol etmek için:
- Uygulamayı açın.
- Ekran görüntüsü alın.
- Resim görüntüleme veya düzenleme yazılımında "damlalık aracını" kullanarak ekran görüntüsünde görünen renklerin örneğini alın.
- Bitişik olarak kullanılan iki rengin kontrast oranını belirlemek için kontrast oranı hesaplayıcısı kullanın.
- Kontrast oranı W3C kılavuzunda belirtilen orandan düşükse arayüzde daha fazla renk kontrastı uygulanabilir.
Android'in otomatik test araçları, renk kontrastıyla ilgili çoğu sorunu algılayabilir. Uygulamanızı cihazda manuel olarak test etmek için Android için Erişilebilirlik Tarayıcısı'nı kullanabilirsiniz. Otomatik testler için Espresso ve Robolectric'te erişilebilirlik kontrolünü etkinleştirin.