Bold Text mobil ilovalarda: bu nima, qalin matnni sozlash

Foydalanish imkoniyatida Bold Text nima?

Bold Text — bu standart (regular yoki normal) o'rniga interfeysning barcha matn elementlari uchun qalin shrift konturidan foydalanishni buyuradigan operatsion tizimlarning tizim sozlamasidir. Shrift hajmini oddiy oshirishdan farqli o'laroq, Bold Text masshtabni o'zgartirmaydi — u harflarning chiziq qalinligini oshiradi, ularni fonda yanada to'yingan va kontrastli qiladi.

Funksiya display accommodations — ko'rish qobiliyati zaif odamlarga ma'lumotni qulayroq qabul qilishga yordam beradigan ekran sozlamalari toifasiga kiradi. Bold Text ayniqsa past ko'rish o'tkirligi (ambliopiya), yoshga bog'liq uzoqni ko'ra olmaslik (presbiopiya) va standart qalinlikda harflar "ikkilanadigan" yoki "suzadigan" ba'zi disleksiya shakllarida samaralidir.

Qalin shrift readability — alohida belgilarni tanib olish tezligi va aniqligini oshiradi. Usability.gov tadqiqotlari shuni ko'rsatadiki, qalin kontur bir xil o'lchamdagi oddiy shriftga nisbatan ko'rish qobiliyati zaif foydalanuvchilarda o'qish aniqligini 12–18% ga oshiradi. Bold Text matnni kattalashtirish o'rnini bosmaydi — ikkala funksiyani birlashtirish mumkin.

Bold Text va shriftni kattalashtirish o'rtasidagi farq

Bold Text va Dynamic Type (iOS) yoki Font Size (Android) o'rtasidagi asosiy farq — ta'sir mexanizmidir. Shriftni kattalashtirish harflarning o'lchamini o'zgartiradi, Bold Text — faqat qalinlikni. Shrift kattalashtirilganda, ekran sig'imi pasayadi (bir ekranga kamroq tarkib sig'adi), Bold Text ko'rinadigan elementlar sonini saqlaydi. Erta bosqichlarda presbiopiyasi bo'lgan foydalanuvchilar uchun Bold Text ko'pincha matnni kattalashtirmasdan ham yetarli bo'ladi.

Bold Text kimga kerak

Bold Text ning asosiy maqsadli auditoriyasi — ambliopiya (ko'zoynak bilan tuzatib bo'lmaydigan ko'rish o'tkirligining pasayishi), presbiopiya (40–45 yoshdan keyin yoshga bog'liq uzoqni ko'ra olmaslik) va ba'zi disleksiya shakllari bo'lgan odamlardir. Funksiya, shuningdek, yorqin quyoshda o'qiyotganda foydalidir — qalin shrift chaqnashlarda kontrastlikni saqlaydi. VoiceOver va TalkBack kabi yordamchi texnologiyalar Bold Text-dan mustaqil ishlaydi — sozlama faqat vizual ko'rinishga ta'sir qiladi.

iOS-da Bold Text: sozlash va ishlash printsipi

iOS-da Bold Text — iOS 7 (2013) da paydo bo'lgan eng qadimgi foydalanish imkoniyati funksiyalaridan biridir. Sozlama Settings > Display & Brightness > Bold Text bo'limida joylashgan va iPhone-ni qayta ishga tushirishni talab qiladi: tizim tizim ilovalarida (Settings, Mail, Messages, Calendar, Notes) va San Francisco tizim shriftidan foydalanadigan uchinchi tomon ilovalarida barcha shriftlarni qayta quradi.

Texnik jihatdan, iOS San Francisco tizim shrift faylini uning qalin varianti (SF Pro Bold / SF Pro Rounded Bold) bilan CoreText framework darajasida almashtiradi. Bold Text yoqilgandan so'ng, ekrandagi barcha qatorlar — navigatsiya sarlavhalaridan tugma matniga qadar — 400 o'rniga font-weight 700 bilan ko'rsatiladi. Dasturchi tizim elementlari uchun bu xatti-harakatni bekor qila olmaydi, lekin Dynamic Type orqali o'z interfeysidagi shriftlarni boshqarishi mumkin.

Dasturchi uchun faol Bold Text textStyle (.body, .headline, .caption va boshqalar) bo'lgan barcha UIFont-lar avtomatik ravishda qalin konturni olishini anglatadi. UIFontWeight ikki variantda mavjud: regular (0.0) va bold (1.0). Faol Bold Text bilan tizim har bir uslub uchun fontWeight-ni 0.3–0.5 ga oshiradi. Holatni UIAccessibility.isBoldTextEnabled orqali tekshirish mumkin.

iOS ilovasida Bold Text-ni tekshirish

Dasturchi qurilmada Bold Text yoqilgan yoki yo'qligini tekshirishi va interfeysni moslashtirishi mumkin. Masalan, jadval sarlavhalari allaqachon qalinni ishlatsa, funksiya yoqilganda vizual shovqinni oldini olish uchun qalinlikni kamaytirish kerak bo'lishi mumkin. Tekshirish kodi UIAccessibility frameworkidan foydalanadi.

import UIKit

class BoldTextManager {

    // Bold Text holatini tekshirish
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Shriftni Bold Text-ga moslashtirish
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // Double-bold bo'lmasligi uchun qalinlikni kamaytiramiz
        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 qo'llab-quvvatlashi bilan keshlangan shrift
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Bold Text o'zgarishlariga obuna bo'lish (Notification)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Bold Text o'zgarganda UI-ni yangilash
    updateFonts()
}

BoldTextManager klassi isBoldTextEnabled-ni tekshiradi, shrift og'irligini moslashtiradi (funksiya faol bo'lganda heavy/bold-ni semibold/medium-ga kamaytiradi) va boldTextStatusDidChangeNotification bildirishnomasiga obuna bo'ladi. Bu dasturchi sarlavhalar uchun allaqachon qalinlikdan foydalanayotganda tizim ularni yanada qalinlashtirishi natijasida yuzaga keladigan double-bold effektining oldini oladi.

UITableView va UICollectionView-ga ta'siri

Bold Text UITableView va UICollectionView hujayralarining layoutiga ta'sir qiladi, chunki shrift qalinligining oshishi qator balandligini o'zgartirishi mumkin. Self-sizing cells (estimatedRowHeight + UITableView.automaticDimension) dan foydalanilganda, iOS shrift o'zgarganda balandlikni avtomatik ravishda qayta hisoblaydi. Ruxsat etilgan hujayra balandliklari uchun dasturchi boldTextStatusDidChangeNotification bildirishnomasini olgandan so'ng reloadData() ni chaqirishi kerak, aks holda matn kesilishi mumkin.

Android-da yaxshilangan o'qish qulayligi: Bold Text analogi

Android-da Bold Text funksiyasi sozlamalar interfeysida "Yaxshilangan o'qish qulayligi" (Improve readability) deb ataladi va "Maxsus imkoniyatlar" (Accessibility) bo'limida joylashgan. Android-ning ba'zi versiyalarida, ayniqsa Samsung One UI qurilmalarida funksiya "Yuqori kontrastli matn" yoki High Contrast Text deb ataladi. Sozlama barcha tizim elementlariga va ko'pchilik uchinchi tomon ilovalariga qo'llaniladi.

Android-ning texnik amalga oshirilishi iOS-dan farq qiladi: tizim shriftini almashtirish o'rniga, Android Resources.Theme orqali tizim darajasida Typeface-ni bekor qiladi. Sozlama faollashtirilgandan so'ng, tizim barcha matn elementlari uchun android:textStyle atributini o'zgartiradi, bold yoki italic+bold ni o'rnatadi. Dasturchi holatni Settings.Global.getFloat() yoki AccessibilityManager orqali tekshirishi mumkin.

Android ilovasida Bold Text-ni tekshirish

Android-da UIAccessibility.isBoldTextEnabled to'g'ridan-to'g'ri ekvivalenti mavjud emas. Tekshirish ContentResolver va Settings.System orqali amalga oshiriladi. Funksiya font_weight_adjustment sifatida global sozlamalarda saqlanadi. Jetpack Compose uchun LocalDensity va fontScale orqali mavjud.

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

class AndroidBoldTextHelper {

    // Tizim sozlamalari orqali yaxshilangan o'qish qulayligini tekshirish
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — FontWeight moslashtirish
    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 orqali qo'llash
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // Agar tizim allaqachon yoqgan bo'lsa fakeBold-ni kamaytiramiz
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

AndroidBoldTextHelper klassi font_weight_adjustment tizim sozlamasini o'qiydi, Jetpack Compose-da FontWeight-ni moslashtiradi va XML View-da takrorlanuvchi fakeBold-ni olib tashlaydi. iOS-dan farqli o'laroq, Android Bold Text o'zgarishi uchun bildirishnoma kanalini taqdim etmaydi — dasturchi sozlamani Activity boshlanganda yoki ContentObserver orqali tekshiradi.

O'zgarishlarni kuzatish uchun ContentObserver

Ish vaqtida Bold Text o'zgarishlarini kuzatish uchun Android dasturchisi ContentObserver-dan foydalanishi mumkin. font_weight_adjustment sozlamasi o'zgarganda, tizim ContentResolver-ga xabar beradi va ilova UI-ni yangilashi mumkin. Bu, foydalanuvchi sozlamalaridagi o'zgarishlarga darhol javob berishi kerak bo'lgan AccessibilityService va maxsus launcherlar uchun muhimdir.

CSS font-weight: shrift to'yinganligi turlari

Veb-ishlab chiqishda shrift to'yinganligi 100 (Thin) dan 900 (Black) gacha qiymatlarga ega CSS xususiyati font-weight bilan boshqariladi. Standart qiymatlar: normal = 400, bold = 700. Operatsion tizimdagi Bold Text to'g'ridan-to'g'ri CSS font-weight-ga ta'sir qilmaydi — veb-brauzerlar CSS darajasida faol Bold Text haqida tizim signalini olmaydi. Biroq, dasturchi platforma qo'llab-quvvatlasa, CSS media funksiyasidan foydalanishi mumkin.

iOS uchun Safari -webkit-text-size-adjust media funksiyasini qo'llab-quvvatlaydi, lekin Bold Text uchun to'g'ridan-to'g'ri media query mavjud emas. Android-da Chrome ham qalin matnning tizim sozlamasi uchun media query-ni taqdim etmaydi. Veb-dasturchilarga moslashtirish uchun prefers-contrast va prefers-reduced-motion dan foydalanish, qalin matn uchun esa sozlamani User-Agent yoki zaxira stillar orqali tekshirish tavsiya etiladi.

O'zgaruvchan shriftlardan foydalanish (Variable Fonts)

Variable Fonts (OpenType Font Variations) CSS font-weight orqali 1–999 oralig'ida 1 birlik qadam bilan shrift to'yinganligini silliq sozlash imkonini beradi. Faqat diskret qiymatlar (400, 700) mavjud bo'lgan standart shriftlardan farqli o'laroq, variable fonts har bir foydalanuvchi uchun optimal qalinlikni tanlash imkoniyatini beradi. Foydalanish imkoniyati sozlamalarida kengroq diapazondan foydalanish mumkin.

/* Silliq qalinlik sozlashi bilan o'zgaruvchan shrift */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Klass orqali tizim Bold Text-iga moslashtirish */
.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 — zaxira yondashuv */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

CSS misolida Inter Variable o'zgaruvchan shriftining ulanishi, qalinlikni boshqarish uchun CSS o'zgaruvchilari va prefers-contrast: more orqali moslashtirish ko'rsatilgan. Variable fonts faol tizim Bold Text bilan renderlash sifatini yo'qotmasdan font-weight-ni 50–100 birlikka oshirish imkonini beradi. Mijoz tomonida Bold Text holatini aniqlash uchun User-Agent-ni JavaScript tekshiruvi va html-elementidagi klassdan foydalanish mumkin.

Veb-sahifada Bold Text-ni JavaScript aniqlash

CSS Bold Text uchun to'g'ridan-to'g'ri media query-ni taqdim etmaganligi sababli, veb-dasturchilar JavaScript-dan foydalanadi: ma'lum shrift bilan ko'rinmas element yaratadi, uning kengligini o'lchaydi, font-weight-ni o'zgartiradi va farqni taqqoslaydi. Agar farq kutilganidan katta bo'lsa — ehtimol tizim Bold Text-i faoldir. Bu usul stillarni avtomatik moslashtirish uchun foydalanish imkoniyati kutubxonalarida qo'llaniladi.

Bold Text ilovalarning foydalanish imkoniyatiga qanday ta'sir qiladi

Bold Text ko'rish qobiliyati zaif foydalanuvchilarning aniq muammolarini hal qiladi: ambliopiyada belgilarni farqlashni oshiradi, uzoq o'qishda ko'z charchog'ini kamaytiradi va yorqin quyoshda displeyning past kontrastligini kompensatsiya qiladi. WebAIM Million (2025) ma'lumotlariga ko'ra, barcha sahifalarning 12.3% yetarli kontrastga ega bo'lmagan matnga ega — Bold Text bu kamchilikni foydalanuvchi tomonida qisman kompensatsiya qilishi mumkin.

Dasturchi uchun Bold Text qo'llab-quvvatlashi WCAG 2.2 talablariga kiradi: mezon 1.4.1 (Use of Color) va 1.4.3 (Contrast Minimum). Ilova faol tizim Bold Text sozlamasi bilan tarkibni yo'qotmasdan, elementlarning bir-birining ustiga chiqmasdan yoki matnning kesilmasdan to'g'ri ko'rsatilishi kerak. Faol Bold Text bilan sinov App Store va Google Play da nashrga tayyorgarlik vaqtida majburiydir.

Sinov bo'yicha tavsiyalar

Bold Text bilan ilovani sinovdan o'tkazishda tekshiring: barcha matn elementlari to'liq (kesilmasdan) ko'rsatiladimi, qalinlik takrorlanmaydimi (double-bold), jadvallardagi hujayra balandliklari to'g'ri qayta hisoblanadimi, elementlar bir-biriga nisbatan siljimaydimi. Bold Text bilan muammolarni avtomatik aniqlash uchun Accessibility Inspector (Xcode) yoki Accessibility Scanner (Android) dan foydalaning.

• Xcode Accessibility Inspector — Bold Text rejimini simulyatsiya qilish bilan shrift auditi
• Android Accessibility Scanner — contrast ratio va font-weight takrorlanishini tekshirish
• UI Testing — yoqilgan va o'chirilgan Bold Text bilan skrinshot testlari
• Dynamic Type testing — Bold Text + kattalashtirilgan shrift kombinatsiyasi

Mobil platformalarda Bold Text ning kelajagi

Zamonaviy iOS va Android Bold Text-ni aniqroq sozlamalar yo'nalishida rivojlantirmoqda: iOS 18 (2024) qalinlikni o'z ichiga olgan ilova bo'yicha shrift sozlamalarini qo'shdi va Android 16 (2025) dasturchilar uchun font_weight_adjustment API-ni kengaytirdi. Kelajakdagi versiyalar veb-dasturchilarga Bold Text uchun CSS media query-ni taqdim etishi, JS aniqlash ehtiyojini bartaraf etishi kutilmoqda.