Bold Text у мобилним апликацијама: шта је то, подешавање подебљаног текста

Шта је Bold Text у приступачности?

Bold Text — је системско подешавање оперативних система које прописује употребу подебљаног фонта за све текстуалне елементе интерфејса уместо стандардног (regular или normal). За разлику од једноставног повећања величине фонта, Bold Text не мења размеру — повећава дебљину линија слова, чинећи их засићенијим и контрастнијим на позадини.

Функција припада категорији display accommodations — подешавања екрана која помажу особама са оштећењем вида да удобније перципирају информације. Bold Text је посебно ефикасан код ниске оштрине вида (амблиопија), презбиопије и неких облика дислексије код којих се слова „удвајају” или „плутају” при стандардној дебљини.

Подебљани фонт повећава readability — брзину и тачност препознавања појединачних знакова. Истраживања Usability.gov показују да bold повећава тачност читања за 12–18% код корисника са оштећењем вида у поређењу са regular фонтом исте величине. Bold Text не замењује увећање текста — обе функције се могу комбиновати.

Разлика између Bold Text-а и увећања фонта

Кључна разлика између Bold Text-а и Dynamic Type (iOS) или Font Size (Android) — механизам деловања. Увећање фонта мења величину слова, Bold Text — само дебљину. При увећању фонта, капацитет екрана страда (мање садржаја стаје на један екран), Bold Text задржава број видљивих елемената. За кориснике са презбиопијом у раним фазама, Bold Text је често довољан без увећања текста.

Коме је потребан Bold Text

Главна циљна публика Bold Text-а — особе са амблиопијом (смањење оштрине вида које се не може кориговати наочарима), презбиопијом (старосна далековидост после 40–45 година) и неким облицима дислексије. Функција је такође корисна при читању на јаком сунцу — подебљани фонт задржава контрастност при одсјају. Помоћне технологије попут VoiceOver-а и TalkBack-а раде независно од Bold Text-а — подешавање утиче само на визуелни приказ.

Bold Text у iOS-у: подешавање и принцип рада

У iOS-у, Bold Text — једна од најстаријих функција приступачности, која се појавила у iOS 7 (2013). Подешавање се налази у Settings > Display & Brightness > Bold Text и захтева поновно покретање iPhone-а: систем обнавља све фонтове у системским апликацијама (Settings, Mail, Messages, Calendar, Notes) и апликацијама трећих страна које користе системски фонт San Francisco.

Технички, iOS замењује датотеку системског фонта San Francisco његовом Bold варијантом (SF Pro Bold / SF Pro Rounded Bold) на нивоу CoreText оквира. Након активирања Bold Text-а, сви редови на екрану — од наслова навигације до текста дугмади — приказују се са font-weight 700 уместо 400. Програмер не може да поништи ово понашање за системске елементе, али може да управља фонтовима у сопственом UI-ју кроз Dynamic Type.

За програмера, активиран Bold Text значи да сви UIFont-ови са textStyle (.body, .headline, .caption и други) аутоматски добијају подебљани изглед. UIFontWeight постоји у две варијанте: regular (0.0) и bold (1.0). При активном Bold Text-у, систем повећава fontWeight за 0.3–0.5 за сваки стил. Стање се може проверити путем UIAccessibility.isBoldTextEnabled.

Провера Bold Text-а у iOS апликацији

Програмер може да провери да ли је Bold Text укључен на уређају и да прилагоди интерфејс. На пример, ако наслови табеле већ користе bold, при укљученој функцији може бити потребно смањити дебљину како би се избегао визуелни шум. Код за проверу користи UIAccessibility оквир.

import UIKit

class BoldTextManager {

    // Провера стања Bold Text-а
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Прилагођавање фонта Bold Text-у
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // Смањујемо дебљину да не би било double-bold
        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
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Претплата на промене Bold Text-а (Notification)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Ажурирање UI-ја при промени Bold Text-а
    updateFonts()
}

Класа BoldTextManager проверава isBoldTextEnabled, прилагођава тежину фонта (смањује heavy/bold на semibold/medium када је функција активна) и претплаћује се на обавештење boldTextStatusDidChangeNotification. Ово спречава ефекат double-bold, када програмер већ користи bold за наслове, а систем их додатно подебљава.

Утицај на UITableView и UICollectionView

Bold Text утиче на layout ћелија UITableView-а и UICollectionView-а, јер повећање дебљине фонта може променити висину реда. При коришћењу self-sizing ћелија (estimatedRowHeight + UITableView.automaticDimension), iOS аутоматски прерачунава висину при промени фонта. За фиксне висине ћелија, програмер треба да позове reloadData() након пријема обавештења boldTextStatusDidChangeNotification, иначе текст може бити одсечен.

Побољшана читљивост у Android-у: аналог Bold Text-а

У Android-у, функција Bold Text се назива „Побољшана читљивост” (Improve readability) у интерфејсу подешавања и налази се у одељку „Приступачност” (Accessibility). У неким верзијама Android-а, посебно на Samsung One UI уређајима, функција се назива „Текст високог контраста” или High Contrast Text. Подешавање се примењује на све системске елементе и већину апликација трећих страна.

Техничка имплементација Android-а се разликује од iOS-а: уместо замене системског фонта, Android преписује Typeface на системском нивоу кроз Resources.Theme. При активацији подешавања, систем мења атрибут android:textStyle за све текстуалне елементе, постављајући bold или italic+bold. Програмер може проверити стање путем Settings.Global.getFloat() или AccessibilityManager-а.

Провера Bold Text-а у Android апликацији

У Android-у не постоји директни API еквивалент UIAccessibility.isBoldTextEnabled. Провера се врши путем ContentResolver-а и Settings.System-а. Функција се чува у глобалним подешавањима као font_weight_adjustment. За Jetpack Compose доступна је кроз LocalDensity и fontScale.

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

class AndroidBoldTextHelper {

    // Провера побољшане читљивости кроз системска подешавања
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — прилагођавање FontWeight
    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
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // Смањујемо fakeBold ако је већ укључен од стране система
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

Класа AndroidBoldTextHelper чита системско подешавање font_weight_adjustment, прилагођава FontWeight у Jetpack Compose-у и уклања дуплирани fakeBold у XML View-у. За разлику од iOS-а, Android не обезбеђује канал за обавештења о промени Bold Text-а — програмер проверава подешавање при покретању Activity-ја или путем ContentObserver-а.

ContentObserver за праћење промена

За праћење промена Bold Text-а у реалном времену, Android програмер може користити ContentObserver. При промени подешавања font_weight_adjustment, систем обавештава ContentResolver, а апликација може ажурирати UI. Ово је важно за AccessibilityService и прилагођене покретаче који морају тренутно да реагују на промене корисничких подешавања.

CSS font-weight: врсте дебљине фонта

У веб-развоју, дебљина фонта се управља CSS својством font-weight са вредностима од 100 (Thin) до 900 (Black). Стандардне вредности: normal = 400, bold = 700. Bold Text у оперативном систему не утиче директно на CSS font-weight — веб-прегледачи не примају системски сигнал о укљученом Bold Text-у на CSS нивоу. Међутим, програмер може користити CSS media функцију ако платформа то подржава.

За iOS, Safari подржава media функцију -webkit-text-size-adjust, али нема директан media query за Bold Text. На Android-у, Chrome такође не пружа media query за системско подешавање подебљаног текста. Веб-програмерима се препоручује коришћење prefers-contrast и prefers-reduced-motion за прилагођавање, а за подебљани текст — провера подешавања путем User-Agent-а или резервних стилова.

Коришћење варијабилних фонтова (Variable Fonts)

Variable Fonts (OpenType Font Variations) омогућавају глатко подешавање дебљине фонта кроз CSS font-weight у опсегу 1–999 са кораком од 1 јединице. За разлику од стандардних фонтова где су доступне само дискретне вредности (400, 700), variable fonts пружају могућност избора оптималне дебљине за сваког корисника. При подешавањима приступачности може се користити шири опсег.

/* Варијабилни фонт са глатким подешавањем дебљине */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Прилагођавање системском Bold Text-у кроз класу */
.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 — резервни приступ */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

У CSS примеру је приказано повезивање варијабилног фонта Inter Variable, CSS променљиве за управљање дебљином и прилагођавање кроз prefers-contrast: more. Variable fonts омогућавају повећање font-weight-а за 50–100 јединица при укљученом системском Bold Text-у без губитка квалитета рендеровања. За одређивање стања Bold Text-а на клијенту може се користити JavaScript провера User-Agent-а и класе на html елементу.

JavaScript детекција Bold Text-а на веб-страници

Пошто CSS не пружа директан media query за Bold Text, веб-програмери користе JavaScript: креирају невидљиви елемент са познатим фонтом, мере његову ширину, мењају font-weight и упоређују разлику. Ако је разлика већа од очекиване — вероватно је системски Bold Text активан. Овај метод се користи у библиотекама за приступачност за аутоматско прилагођавање стилова.

Како Bold Text утиче на приступачност апликација

Bold Text решава специфичне проблеме корисника са оштећењем вида: повећава разликовање симбола код амблиопије, смањује визуелни замор при дуготрајном читању и компензује низак контраст дисплеја на јаком сунцу. Према WebAIM Million (2025), 12.3% свих страница има текст са недовољним контрастом — Bold Text може делимично компензовати овај недостатак на страни корисника.

За програмера, подршка за Bold Text улази у захтеве WCAG 2.2: критеријум 1.4.1 (Use of Color) и 1.4.3 (Contrast Minimum). Апликација мора исправно да се приказује са укљученим системским подешавањем Bold Text без губитка садржаја, преклапања елемената или одсецања текста. Тестирање са укљученим Bold Text-ом је обавезно при припреми за објављивање у App Store-у и Google Play-у.

Препоруке за тестирање

При тестирању апликације са Bold Text-ом проверавајте: да ли су сви текстуални елементи потпуно приказани (без одсецања), да ли се дебљина не дуплира (double-bold), да ли се висине ћелија у табелама исправно прерачунавају, да ли се елементи не померају један у односу на други. Користите Accessibility Inspector (Xcode) или Accessibility Scanner (Android) за аутоматско откривање проблема са Bold Text-ом.

• Xcode Accessibility Inspector — ревизија фонтова са симулацијом Bold Text режима
• Android Accessibility Scanner — провера contrast ratio и дуплирања font-weight-а
• UI Testing — тестови снимака екрана са укљученим и искљученим Bold Text-ом
• Dynamic Type testing — комбинација Bold Text + увећан фонт

Будућност Bold Text-а на мобилним платформама

Савремени iOS и Android развијају Bold Text у правцу прецизнијих подешавања: iOS 18 (2024) је додао подешавања фонта по апликацији, укључујући дебљину, а Android 16 (2025) је проширио API font_weight_adjustment за програмере. Очекује се да ће будуће верзије пружити веб-програмерима CSS media query за Bold Text, елиминишући потребу за JS детекцијом.