Bold Text mobil tətbiqlərdə: bu nədir, qalın mətnin konfiqurasiyası

Bold Text əlçatanlıqda nədir?

Bold Text — bu, standart (regular və ya normal) əvəzinə interfeysin bütün mətn elementləri üçün qalın şrift konturundan istifadə etməyi tələb edən əməliyyat sistemlərinin sistem parametridir. Sadə şrift ölçüsünün artırılmasından fərqli olaraq, Bold Text miqyası dəyişmir — o, hərflərin xətt qalınlığını artırır, onları daha doymuş və fonla ziddiyyətli edir.

Funksiya display accommodations — görmə qüsuru olan insanlara məlumatı daha rahat qavramağa kömək edən ekran parametrləri kateqoriyasına aiddir. Bold Text xüsusilə aşağı görmə itiliyi (ambliopiya), yaşa bağlı uzaqgörmə (presbiopiya) və standart qalınlıqda hərflərin "ikiləşdiyi" və ya "üzən" olduğu bəzi disleksiya formalarında effektivdir.

Qalın şrift readability — fərdi simvolların tanınma sürətini və dəqiqliyini artırır. Usability.gov tədqiqatları göstərir ki, qalın kontur eyni ölçülü adi şriftlə müqayisədə görmə qüsuru olan istifadəçilərdə oxu dəqiqliyini 12–18% artırır. Bold Text mətnin böyüdülməsini əvəz etmir — hər iki funksiya birləşdirilə bilər.

Bold Text-in şrift böyüdülməsindən fərqi

Bold Text ilə Dynamic Type (iOS) və ya Font Size (Android) arasındakı əsas fərq — təsir mexanizmidir. Şriftin böyüdülməsi hərflərin ölçüsünü dəyişir, Bold Text — yalnız qalınlığı. Şrift böyüdüldükdə ekran tutumu azalır (bir ekrana daha az məzmun sığır), Bold Text isə görünən elementlərin sayını qoruyur. Erkən mərhələdə presbiopiyası olan istifadəçilər üçün Bold Text çox vaxt mətni böyütmədən kifayət edir.

Bold Text kimə lazımdır

Bold Text-in əsas hədəf auditoriyası — ambliopiya (eynəklə korreksiya olunmayan görmə itiliyinin azalması), presbiopiya (40–45 yaşdan sonra yaşa bağlı uzaqgörmə) və bəzi disleksiya formaları olan insanlardır. Funksiya həmçinin parlaq günəşdə oxuyarkən faydalıdır — qalın şrift parıltı zamanı kontrastlığı qoruyur. VoiceOver və TalkBack kimi köməkçi texnologiyalar Bold Text-dən asılı olmayaraq işləyir — parametr yalnız vizual göstərilməyə təsir edir.

iOS-da Bold Text: parametrlər və iş prinsipi

iOS-da Bold Text — iOS 7-də (2013) ortaya çıxan ən qədim əlçatanlıq funksiyalarından biridir. Parametr Settings > Display & Brightness > Bold Text bölməsində yerləşir və iPhone-un yenidən başladılmasını tələb edir: sistem sistem tətbiqlərində (Settings, Mail, Messages, Calendar, Notes) və San Francisco sistem şriftindən istifadə edən üçüncü tərəf tətbiqlərində bütün şriftləri yenidən qurur.

Texniki olaraq iOS San Francisco sistem şrift faylını onun qalın variantı (SF Pro Bold / SF Pro Rounded Bold) ilə CoreText framework səviyyəsində əvəz edir. Bold Text aktivləşdirildikdən sonra ekrandakı bütün sətirlər — naviqasiya başlıqlarından düymə mətninə qədər — 400 əvəzinə font-weight 700 ilə göstərilir. Tərtibatçı sistem elementləri üçün bu davranışı ləğv edə bilməz, lakin Dynamic Type vasitəsilə öz interfeysində şriftləri idarə edə bilər.

Tərtibatçı üçün aktiv Bold Text o deməkdir ki, textStyle (.body, .headline, .caption və s.) olan bütün UIFont-lar avtomatik olaraq qalın kontur alır. UIFontWeight iki variantda mövcuddur: regular (0.0) və bold (1.0). Aktiv Bold Text zamanı sistem hər bir stil üçün fontWeight-u 0.3–0.5 artırır. Vəziyyəti UIAccessibility.isBoldTextEnabled vasitəsilə yoxlamaq olar.

iOS tətbiqində Bold Text-in yoxlanılması

Tərtibatçı cihazda Bold Text-in aktiv olub-olmadığını yoxlaya və interfeysi uyğunlaşdıra bilər. Məsələn, cədvəl başlıqları artıq qalındırsa, aktiv funksiya zamanı vizual səs-küyün qarşısını almaq üçün qalınlığı azaltmaq lazım ola bilər. Yoxlama kodu UIAccessibility frameworkundan istifadə edir.

import UIKit

class BoldTextManager {

    // Bold Text vəziyyətinin yoxlanılması
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Şriftin Bold Text-ə uyğunlaşdırılması
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // Double-bold qarşısını almaq üçün qalınlığı azaldırıq
        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 dəstəyi ilə keşlənmiş şrift
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Bold Text dəyişikliklərinə abunə (Notification)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Bold Text dəyişdikdə UI-ni yenilə
    updateFonts()
}

BoldTextManager sinfi isBoldTextEnabled-i yoxlayır, şrift çəkisini uyğunlaşdırır (funksiya aktiv olduqda heavy/bold-u semibold/medium-a endirir) və boldTextStatusDidChangeNotification bildirişinə abunə olur. Bu, tərtibatçı başlıqlar üçün artıq qalınlıqdan istifadə edərkən sistemin onları daha da qalınlaşdırması nəticəsində yaranan double-bold effektinin qarşısını alır.

UITableView və UICollectionView-ə təsiri

Bold Text UITableView və UICollectionView hüceyrələrinin layoutuna təsir edir, çünki şrift qalınlığının artması sətir hündürlüyünü dəyişə bilər. Self-sizing cells (estimatedRowHeight + UITableView.automaticDimension) istifadə edərkən iOS şrift dəyişdikdə hündürlüyü avtomatik olaraq yenidən hesablayır. Sabit hüceyrə hündürlükləri üçün tərtibatçı boldTextStatusDidChangeNotification bildirişini aldıqdan sonra reloadData() çağırmalıdır, əks halda mətn kəsilə bilər.

Android-də təkmilləşdirilmiş oxunaqlılıq: Bold Text analoqu

Android-də Bold Text funksiyası parametrlər interfeysində "Təkmilləşdirilmiş oxunaqlılıq" (Improve readability) adlanır və "Xüsusi imkanlar" (Accessibility) bölməsində yerləşir. Android-in bəzi versiyalarında, xüsusən Samsung One UI cihazlarında funksiya "Yüksək kontrastlı mətn" və ya High Contrast Text adlanır. Parametr bütün sistem elementlərinə və əksər üçüncü tərəf tətbiqlərinə tətbiq olunur.

Android-in texniki tətbiqi iOS-dan fərqlənir: sistem şriftini əvəz etmək əvəzinə, Android Resources.Theme vasitəsilə sistem səviyyəsində Typeface-i ləğv edir. Parametr aktivləşdirildikdən sonra sistem bütün mətn elementləri üçün android:textStyle atributunu dəyişir, bold və ya italic+bold təyin edir. Tərtibatçı vəziyyəti Settings.Global.getFloat() və ya AccessibilityManager vasitəsilə yoxlaya bilər.

Android tətbiqində Bold Text-in yoxlanılması

Android-də UIAccessibility.isBoldTextEnabled-in birbaşa analoqu yoxdur. Yoxlama ContentResolver və Settings.System vasitəsilə həyata keçirilir. Funksiya font_weight_adjustment kimi qlobal parametrlərdə saxlanılır. Jetpack Compose üçün LocalDensity və fontScale vasitəsilə əlçatandır.

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

class AndroidBoldTextHelper {

    // Sistem parametrləri vasitəsilə təkmilləşdirilmiş oxunaqlılığın yoxlanılması
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — FontWeight uyğunlaşdırılması
    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 vasitəsilə tətbiq
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // Sistem tərəfindən aktivləşdirilibsə fakeBold-u azaldırıq
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

AndroidBoldTextHelper sinfi font_weight_adjustment sistem parametrini oxuyur, Jetpack Compose-da FontWeight-i uyğunlaşdırır və XML View-da təkrarlanan fakeBold-u silir. iOS-dan fərqli olaraq, Android Bold Text dəyişikliyi üçün bildiriş kanalı təmin etmir — tərtibatçı parametri Activity-nin başlanğıcında və ya ContentObserver vasitəsilə yoxlayır.

Dəyişiklikləri izləmək üçün ContentObserver

İcra zamanı Bold Text dəyişikliklərini izləmək üçün Android tərtibatçısı ContentObserver-dan istifadə edə bilər. font_weight_adjustment parametri dəyişdikdə sistem ContentResolver-ə bildiriş göndərir və tətbiq interfeysi yeniləyə bilər. Bu, istifadəçi parametrlərindəki dəyişikliklərə dərhal reaksiya verməli olan AccessibilityService və fərdi launcher-lar üçün vacibdir.

CSS font-weight: şrift doyma növləri

Veb inkişafında şrift doyması 100 (Thin) ilə 900 (Black) arasında dəyərlərə malik CSS xüsusiyyəti font-weight ilə idarə olunur. Standart dəyərlər: normal = 400, bold = 700. Əməliyyat sistemində Bold Text birbaşa CSS font-weight-ə təsir etmir — veb brauzerlər CSS səviyyəsində aktiv Bold Text haqqında sistem siqnalı almır. Bununla belə, tərtibatçı platforma bunu dəstəkləyirsə, CSS media funksiyasından istifadə edə bilər.

iOS üçün Safari -webkit-text-size-adjust media funksiyasını dəstəkləyir, lakin Bold Text üçün birbaşa media query yoxdur. Android-də Chrome da qalın mətnin sistem parametri üçün media query təmin etmir. Veb tərtibatçılarına uyğunlaşma üçün prefers-contrast və prefers-reduced-motion istifadə etmək, qalın mətn üçün isə parametri User-Agent və ya ehtiyat stillər vasitəsilə yoxlamaq tövsiyə olunur.

Dəyişən şriftlərdən istifadə (Variable Fonts)

Variable Fonts (OpenType Font Variations) CSS font-weight vasitəsilə 1–999 diapazonunda 1 vahid addımı ilə şrift doymasını hamar şəkildə tənzimləməyə imkan verir. Yalnız diskret dəyərlərin (400, 700) mövcud olduğu standart şriftlərdən fərqli olaraq, variable fonts hər bir istifadəçi üçün optimal qalınlığı seçmək imkanı verir. Əlçatanlıq parametrlərində daha geniş diapazondan istifadə edilə bilər.

/* Hamar qalınlıq tənzimləməsi ilə dəyişən şrift */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Sinif vasitəsilə sistem Bold Text-ə uyğunlaşma */
.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 — ehtiyat yanaşma */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

CSS nümunəsində Inter Variable dəyişən şriftinin qoşulması, qalınlığı idarə etmək üçün CSS dəyişənləri və prefers-contrast: more vasitəsilə uyğunlaşma göstərilir. Variable fonts aktiv sistem Bold Text zamanı render keyfiyyətini itirmədən font-weight-i 50–100 vahid artırmağa imkan verir. Müştəri tərəfində Bold Text vəziyyətini təyin etmək üçün User-Agent-ın JavaScript yoxlamasından və html-elementindəki sinifdən istifadə etmək olar.

Veb səhifədə Bold Text-in JavaScript deteksiyası

CSS Bold Text üçün birbaşa media query təmin etmədiyi üçün veb tərtibatçıları JavaScript-dən istifadə edir: tanınmış şriftlə görünməz element yaradır, onun enini ölçür, font-weight-i dəyişir və fərqi müqayisə edir. Fərq gözləniləndən çox olarsa — çox güman ki, sistem Bold Text-i aktivdir. Bu üsul stillərin avtomatik uyğunlaşdırılması üçün əlçatanlıq kitabxanalarında istifadə olunur.

Bold Text tətbiqlərin əlçatanlığına necə təsir edir

Bold Text görmə qüsuru olan istifadəçilərin konkret problemlərini həll edir: ambliopiya zamanı simvolların fərqləndirilməsini artırır, uzun müddət oxuyarkən göz yorğunluğunu azaldır və parlaq günəşdə displeyin aşağı kontrastlığını kompensasiya edir. WebAIM Million (2025) məlumatlarına görə, bütün səhifələrin 12.3%-i qeyri-kafi kontrastlı mətnə malikdir — Bold Text bu qüsuru istifadəçi tərəfindən qismən kompensasiya edə bilər.

Tərtibatçı üçün Bold Text dəstəyi WCAG 2.2 tələblərinə daxildir: meyar 1.4.1 (Use of Color) və 1.4.3 (Contrast Minimum). Tətbiq aktiv sistem Bold Text parametri ilə məzmun itkisi, elementlərin üst-üstə düşməsi və ya mətnin kəsilməsi olmadan düzgün göstərilməlidir. Aktiv Bold Text ilə sınaq App Store və Google Play-də nəşrə hazırlıq zamanı məcburidir.

Sınaq tövsiyələri

Bold Text ilə tətbiqi sınaqdan keçirərkən yoxlayın: bütün mətn elementləri tam göstərilirmi (kəsilmədən), qalınlıq təkrarlanırmı (double-bold), cədvəllərdə hüceyrə hündürlükləri düzgün yenidən hesablanırmı, elementlər bir-birinə nisbətən sürüşürmü. Bold Text ilə problemləri avtomatik aşkar etmək üçün Accessibility Inspector (Xcode) və ya Accessibility Scanner (Android) istifadə edin.

• Xcode Accessibility Inspector — Bold Text rejiminin simulyasiyası ilə şrift auditi
• Android Accessibility Scanner — contrast ratio və font-weight təkrarlanmasının yoxlanılması
• UI Testing — aktiv və söndürülmüş Bold Text ilə ekran görüntüsü testləri
• Dynamic Type testing — Bold Text + böyüdülmüş şrift birləşməsi

Mobil platformalarda Bold Text-in gələcəyi

Müasir iOS və Android Bold Text-i daha incə parametrlər istiqamətində inkişaf etdirir: iOS 18 (2024) qalınlıq daxil olmaqla tətbiq üzrə şrift parametrləri əlavə etdi, Android 16 (2025) isə tərtibatçılar üçün font_weight_adjustment API-ni genişləndirdi. Gələcək versiyaların veb tərtibatçılarına Bold Text üçün CSS media query təqdim edəcəyi, JS-deteksiya ehtiyacını aradan qaldıracağı gözlənilir.