Mobil uygulamalarda Bold Text: nedir ve kalın metin nasıl yapılandırılır

Erişilebilirlikte Bold Text Nedir?

Bold Text, işletim sistemlerinde standart (regular veya normal) ağırlık yerine tüm metin arayüz öğeleri için kalın yazı tipi ağırlığı kullanılmasını zorunlu kılan bir sistem ayarıdır. Basitçe yazı tipi boyutunu artırmanın aksine, Bold Text ölçeği değiştirmez — harflerin çizgi kalınlığını artırarak onları arka planda daha zengin ve kontrastlı hale getirir.

Bu özellik, display accommodations (ekran uyarlamaları) kategorisine aittir — görme engelli kişilerin bilgiyi daha rahat algılamasına yardımcı olan ekran ayarlarıdır. Bold Text, özellikle düşük görme keskinliği (ambliyopi), yaşa bağlı uzak görüşlülük (presbiyopi) ve standart kalınlıkta harflerin çift veya bulanık göründüğü belirli disleksi formlarında etkilidir.

Kalın metin, okunabilirliği — bireysel karakterleri tanıma hızı ve doğruluğunu artırır. Usability.gov araştırmaları, kalın yazı tipinin aynı punto boyutundaki normal yazı tipine kıyasla görme engelli kullanıcılarda okuma doğruluğunu %12–18 oranında iyileştirdiğini göstermektedir. Ancak Bold Text, metin büyütmenin yerini almaz — her iki özellik birleştirilebilir.

Bold Text ve Yazı Tipi Büyütme Arasındaki Fark

Bold Text ile Dynamic Type (iOS) veya Font Size (Android) arasındaki temel fark, etki mekanizmasıdır. Yazı tipi büyütme harflerin boyutunu değiştirirken, Bold Text yalnızca kalınlığı etkiler. Yazı tipini büyütürken ekran kapasitesi düşer (bir ekrana daha az içerik sığar), Bold Text ise görünür öğelerin sayısını korur. Erken evre presbiyopisi olan kullanıcılar için metin büyütme olmadan Bold Text genellikle yeterlidir.

Kimler Bold Text'e İhtiyaç Duyar

Bold Text'in ana hedef kitlesi, ambliyopi (gözlükle düzeltilemeyen düşük görme keskinliği), presbiyopi (40–45 yaşından sonra yaşa bağlı uzak görüşlülük) ve belirli disleksi formlarına sahip kişilerdir. Bu özellik, parlak güneş ışığı altında okurken de kullanışlıdır — kalın metin parlamaya karşı kontrastı korur. VoiceOver ve TalkBack gibi yardımcı teknolojiler Bold Text'ten bağımsız çalışır — ayar yalnızca görsel görüntülemeyi etkiler.

iOS'ta Bold Text: ayar ve çalışma prensibi

iOS'ta Bold Text, iOS 7'de (2013) tanıtılan en eski erişilebilirlik özelliklerinden biridir. Ayar, Settings > Display & Brightness > Bold Text altında bulunur ve iPhone'un yeniden başlatılmasını gerektirir: sistem, sistem uygulamaları (Settings, Mail, Messages, Calendar, Notes) ve sistem yazı tipi San Francisco'yu kullanan üçüncü taraf uygulamalardaki tüm yazı tiplerini yeniden oluşturur.

Teknik olarak, iOS CoreText framework seviyesinde sistem yazı tipi dosyası San Francisco'yu Bold varyantıyla (SF Pro Bold / SF Pro Rounded Bold) değiştirir. Bold Text etkinleştirildikten sonra, ekrandaki tüm metin — navigasyon başlıklarından düğme etiketlerine kadar — 400 yerine font-weight 700 ile görüntülenir. Bir geliştirici, sistem öğeleri için bu davranışı geçersiz kılamaz ancak Dynamic Type aracılığıyla kendi arayüzündeki yazı tiplerini yönetebilir.

Geliştiriciler için Bold Text etkin olduğunda, textStyle (.body, .headline, .caption ve diğerleri) içeren tüm UIFont örnekleri otomatik olarak kalın ağırlık alır. UIFontWeight iki varyantta bulunur: regular (0.0) ve bold (1.0). Bold Text etkinken, sistem her stil için fontWeight'u 0.3–0.5 artırır. Durum, UIAccessibility.isBoldTextEnabled ile kontrol edilebilir.

iOS Uygulamasında Bold Text'i Kontrol Etme

Bir geliştirici, cihazda Bold Text'in etkin olup olmadığını kontrol edebilir ve arayüzü buna göre uyarlayabilir. Örneğin, tablo başlıkları zaten kalın kullanıyorsa, özelliğin etkinleştirilmesi görsel gürültüyü önlemek için yazı tipi ağırlığının azaltılmasını gerektirebilir. Kontrol, UIAccessibility framework'ünü kullanır.

import UIKit

class BoldTextManager {

    // Bold Text durumunu kontrol etme
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Yazı tipini Bold Text'e uyarlama
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // double-bold'u önlemek için kalınlığı azaltma
        let adjustedWeight: UIFont.Weight
        switch weight {
        case .bold, .heavy:
            adjustedWeight = .semibold
        case .semibold:
            adjustedWeight = .medium
        default:
            adjustedWeight = weight
        }
        return UIFont.systemFont(
            ofSize: baseFont.pointSize,
            weight: adjustedWeight
        )
    }

    // Bold Text desteği ile önbelleğe alınmış yazı tipi
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Bold Text değişikliklerine abone olma (Bildirim)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Bold Text değiştiğinde arayüzü güncelle
    updateFonts()
}

BoldTextManager sınıfı isBoldTextEnabled'i kontrol eder, yazı tipi ağırlığını uyarlar (özellik etkinken heavy/bold'u semibold/medium'a düşürür) ve boldTextStatusDidChangeNotification'a abone olur. Bu, geliştiricinin zaten başlıklar için kalın kullandığı ve sistemin bunları daha da kalınlaştırdığı double-bold etkisini önler.

UITableView ve UICollectionView Üzerindeki Etkisi

Bold Text, UITableView ve UICollectionView hücrelerinin düzenini etkiler çünkü yazı tipi kalınlığının artması satır yüksekliğini değiştirebilir. Kendi kendine boyutlanan hücreler (estimatedRowHeight + UITableView.automaticDimension) kullanıldığında, iOS yazı tipi değiştiğinde yüksekliği otomatik olarak yeniden hesaplar. Sabit hücre yükseklikleri için geliştiricinin boldTextStatusDidChangeNotification'ı aldıktan sonra reloadData() çağırması gerekir, aksi takdirde metin kesilebilir.

Android'de Improve Readability: Bold Text'in karşılığı

Android'de Bold Text özelliği, ayarlar arayüzünde “Improve Readability” olarak adlandırılır ve Erişilebilirlik bölümünde bulunur. Bazı Android sürümlerinde, özellikle Samsung One UI cihazlarında, bu özellik “High Contrast Text” olarak adlandırılır. Ayar, tüm sistem öğelerine ve çoğu üçüncü taraf uygulamaya uygulanır.

Android'deki teknik uygulama iOS'tan farklıdır: sistem yazı tipini değiştirmek yerine Android, Resources.Theme aracılığıyla sistem seviyesinde Typeface'i geçersiz kılar. Ayar etkinleştirildiğinde, sistem tüm metin öğeleri için android:textStyle özniteliğini değiştirir ve bold veya italic+bold ayarlar. Bir geliştirici, durumu Settings.Global.getFloat() veya AccessibilityManager aracılığıyla kontrol edebilir.

Android Uygulamasında Bold Text'i Kontrol Etme

Android'de, UIAccessibility.isBoldTextEnabled'e doğrudan eşdeğer bir API yoktur. Kontrol, ContentResolver ve Settings.System aracılığıyla yapılır. Ayar, genel tercihlerde font_weight_adjustment olarak saklanır. Jetpack Compose için LocalDensity ve fontScale aracılığıyla erişilebilir.

import android.content.Context
import android.provider.Settings
import android.util.TypedValue
import androidx.compose.ui.text.font.FontWeight

class AndroidBoldTextHelper {

    // Sistem ayarları aracılığıyla iyileştirilmiş okunabilirliği kontrol etme
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — FontWeight uyarlaması
    fun adjustFontWeight(
        context: Context,
        original: FontWeight
    ): FontWeight {
        if (!isBoldTextEnabled(context)) return original

        return when (original) {
            FontWeight.Bold, FontWeight.ExtraBold -> FontWeight.SemiBold
            FontWeight.SemiBold -> FontWeight.Medium
            else -> original
        }
    }

    // XML View — TypedValue aracılığıyla uygulama
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // Sistem tarafından zaten etkinleştirilmişse fakeBold'u azaltma
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

AndroidBoldTextHelper sınıfı, sistem ayarı font_weight_adjustment'ı okur, Jetpack Compose'ta FontWeight'i uyarlar ve XML View'da yinelenen fakeBold'u kaldırır. iOS'tan farklı olarak Android, Bold Text değişiklikleri için bir bildirim kanalı sağlamaz — geliştirici, ayarı Activity başlangıcında veya ContentObserver aracılığıyla kontrol eder.

Değişiklikleri İzlemek için ContentObserver

Çalışma zamanında Bold Text değişikliklerini izlemek için bir Android geliştiricisi ContentObserver kullanabilir. font_weight_adjustment ayarı değiştiğinde, sistem ContentResolver'ı bilgilendirir ve uygulama arayüzünü güncelleyebilir. Bu, kullanıcı ayar değişikliklerine anında yanıt vermesi gereken AccessibilityService ve özel başlatıcılar için önemlidir.

CSS font-weight: yazı tipi kalınlık türleri

Web geliştirmede, yazı tipi kalınlığı CSS özelliği font-weight tarafından 100 (Thin) ile 900 (Black) arasında değişen değerlerle kontrol edilir. Standart değerler normal = 400 ve bold = 700'ü içerir. İşletim sistemindeki Bold Text, CSS font-weight'ü doğrudan etkilemez — web tarayıcıları, CSS seviyesinde etkinleştirilmiş Bold Text hakkında sistem sinyali almaz. Ancak, platform destekliyorsa bir geliştirici CSS medya özelliğini kullanabilir.

iOS için Safari, -webkit-text-size-adjust medya işlevini destekler ancak Bold Text için doğrudan bir medya sorgusu yoktur. Android'de Chrome da sistem kalın metin ayarı için bir medya sorgusu sağlamaz. Web geliştiricilerinin uyarlama için prefers-contrast ve prefers-reduced-motion kullanmaları ve kalın metin için — User-Agent veya yedek stiller aracılığıyla ayarı kontrol etmeleri önerilir.

Değişken Yazı Tiplerini (Variable Fonts) Kullanma

Değişken yazı tipleri (OpenType Font Variations), 1 birimlik artışlarla 1–999 aralığında CSS font-weight aracılığıyla yazı tipi kalınlığının sorunsuz bir şekilde ayarlanmasına olanak tanır. Yalnızca ayrık değerlerin (400, 700) bulunduğu standart yazı tiplerinin aksine, değişken yazı tipleri her kullanıcı için en uygun ağırlığı seçmeyi mümkün kılar. Erişilebilirlik ayarları için daha geniş bir aralık kullanılabilir.

/* Sorunsuz kalınlık ayarına sahip değişken yazı tipi */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Sınıf aracılığıyla sistem Bold Text'ine uyarlama */
.bold-text-enabled {
    --font-weight-body: 500;
    --font-weight-heading: 700;
}

.bold-text-enabled .text-body {
    font-weight: var(--font-weight-body);
}

.bold-text-enabled .text-heading {
    font-weight: var(--font-weight-heading);
}

/* prefers-contrast: more — yedek yaklaşım */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

CSS örneği, değişken yazı tipi Inter Variable'ın nasıl yükleneceğini, ağırlık kontrolü için CSS özel özelliklerinin nasıl kullanılacağını ve prefers-contrast: more aracılığıyla uyarlamayı gösterir. Değişken yazı tipleri, işleme kalitesinden ödün vermeden sistem Bold Text'i etkinken font-weight'ün 50–100 birim artırılmasına olanak tanır. İstemcide Bold Text durumunu algılamak için JavaScript, User-Agent'ı kontrol edebilir ve html öğesine bir sınıf ekleyebilir.

Bir Web Sayfasında JavaScript ile Bold Text Algılama

CSS, Bold Text için doğrudan bir medya sorgusu sağlamadığından, web geliştiricileri JavaScript kullanır: bilinen bir yazı tipiyle görünmez bir öğe oluşturur, genişliğini ölçer, font-weight'ü değiştirir ve farkı karşılaştırır. Fark beklenenden büyükse, sistem Bold Text'i muhtemelen etkindir. Bu yöntem, otomatik stil ayarlaması için erişilebilirlik kütüphanelerinde kullanılır.

Bold Text Uygulama Erişilebilirliğini Nasıl Etkiler

Bold Text, görme engelli kullanıcıların belirli sorunlarını ele alır: ambliyopide karakter ayırt edilebilirliğini iyileştirir, uzun süreli okuma sırasında görsel yorgunluğu azaltır ve parlak güneş ışığında düşük ekran kontrastını telafi eder. WebAIM Million'a (2025) göre, tüm sayfaların %12.3'ü yetersiz kontrasta sahip metin içerir — Bold Text, kullanıcı tarafında bu kusuru kısmen telafi edebilir.

Geliştiriciler için Bold Text desteği, WCAG 2.2 gereksinimlerinin bir parçasıdır: kriter 1.4.1 (Rengin Kullanımı) ve 1.4.3 (Minimum Kontrast). Uygulama, sistem Bold Text ayarı etkinken içerik kaybı, öğe çakışması veya metin kesilmesi olmadan doğru şekilde görüntülenmelidir. App Store ve Google Play'de yayına hazırlanırken Bold Text etkin şekilde test yapmak zorunludur.

Test Önerileri

Bold Text ile bir uygulamayı test ederken şunları kontrol edin: tüm metin öğelerinin tamamen görüntülenip görüntülenmediği (kesilmeden), kalınlığın tekrarlanıp tekrarlanmadığı (double-bold), tablolardaki hücre yüksekliklerinin doğru şekilde yeniden hesaplanıp hesaplanmadığı ve öğelerin birbirine göre kayıp kaymadığı. Bold Text ile ilgili sorunları otomatik olarak tespit etmek için Accessibility Inspector (Xcode) veya Accessibility Scanner (Android) kullanın.

• Xcode Accessibility Inspector — Bold Text modu simülasyonu ile yazı tipi denetimi
• Android Accessibility Scanner — kontrast oranı ve font-weight tekrarı kontrolü
• UI Testi — Bold Text etkin ve devre dışıyken ekran görüntüsü testleri
• Dynamic Type testi — Bold Text + büyütülmüş yazı tipi kombinasyonu

Mobil Platformlarda Bold Text'in Geleceği

Modern iOS ve Android, Bold Text'i daha ince ayar kontrolüne doğru geliştiriyor: iOS 18 (2024), kalın ağırlık dahil olmak üzere uygulama başına yazı tipi ayarları ekledi ve Android 16 (2025), geliştiriciler için font_weight_adjustment API'sini genişletti. Gelecek sürümlerin Bold Text için bir CSS medya sorgusu sağlaması ve JavaScript algılama ihtiyacını ortadan kaldırması beklenmektedir.