Bold Text în aplicațiile mobile: ce este, configurarea textului bold

Ce este Bold Text în accesibilitate?

Bold Text — este o setare de sistem a sistemelor de operare care prescrie utilizarea fontului bold pentru toate elementele de text ale interfeței în locul celui standard (regular sau normal). Spre deosebire de simpla mărire a dimensiunii fontului, Bold Text nu schimbă scara — mărește grosimea liniilor literelor, făcându-le mai saturate și mai contrastante pe fundal.

Funcția aparține categoriei display accommodations — setări de ecran care ajută persoanele cu deficiențe de vedere să perceapă informația mai confortabil. Bold Text este deosebit de eficient în cazul acuității vizuale scăzute (ambliopie), prezbitismului și unor forme de dislexie la care literele „se dublează” sau „plutesc” la grosimea standard.

Fontul bold mărește readability — viteza și acuratețea recunoașterii caracterelor individuale. Cercetările Usability.gov arată că bold-ul crește precizia citirii cu 12–18% la utilizatorii cu deficiențe de vedere comparativ cu fontul regular de aceeași dimensiune. Bold Text nu înlocuiește mărirea textului — ambele funcții pot fi combinate.

Diferența dintre Bold Text și mărirea fontului

Diferența cheie dintre Bold Text și Dynamic Type (iOS) sau Font Size (Android) — mecanismul de acțiune. Mărirea fontului modifică dimensiunea literelor, Bold Text — doar grosimea. La mărirea fontului, capacitatea ecranului are de suferit (încape mai puțin conținut pe un ecran), Bold Text păstrează numărul de elemente vizibile. Pentru utilizatorii cu prezbitism în stadii incipiente, Bold Text este adesea suficient fără mărirea textului.

Cine are nevoie de Bold Text

Publicul țintă principal al Bold Text — persoanele cu ambliopie (scăderea acuității vizuale necorectabilă cu ochelari), prezbitism (hipermetropie legată de vârstă după 40–45 de ani) și unele forme de dislexie. Funcția este utilă și la cititul în soare puternic — fontul bold păstrează contrastul la reflexii. Tehnologiile asistive precum VoiceOver și TalkBack funcționează independent de Bold Text — setarea influențează doar afișarea vizuală.

Bold Text în iOS: configurare și principiu de funcționare

În iOS, Bold Text — una dintre cele mai vechi funcții de accesibilitate, apărută în iOS 7 (2013). Setarea se află în Settings > Display & Brightness > Bold Text și necesită repornirea iPhone-ului: sistemul reconstruiește toate fonturile în aplicațiile de sistem (Settings, Mail, Messages, Calendar, Notes) și în aplicațiile terțe care utilizează fontul de sistem San Francisco.

Tehnic, iOS înlocuiește fișierul fontului de sistem San Francisco cu varianta sa Bold (SF Pro Bold / SF Pro Rounded Bold) la nivelul framework-ului CoreText. După activarea Bold Text, toate rândurile de pe ecran — de la titlurile de navigare până la textul butoanelor — sunt afișate cu font-weight 700 în loc de 400. Dezvoltatorul nu poate suprascrie acest comportament pentru elementele de sistem, dar poate gestiona fonturile în propriul UI prin Dynamic Type.

Pentru dezvoltator, Bold Text activ înseamnă că toate UIFont-urile cu textStyle (.body, .headline, .caption și altele) primesc automat bold. UIFontWeight există în două variante: regular (0.0) și bold (1.0). La Bold Text activ, sistemul mărește fontWeight cu 0.3–0.5 pentru fiecare stil. Starea poate fi verificată prin UIAccessibility.isBoldTextEnabled.

Verificarea Bold Text în aplicația iOS

Dezvoltatorul poate verifica dacă Bold Text este activat pe dispozitiv și poate adapta interfața. De exemplu, dacă titlurile tabelului folosesc deja bold, la funcția activată poate fi necesară reducerea grosimii pentru a evita zgomotul vizual. Codul de verificare utilizează framework-ul UIAccessibility.

import UIKit

class BoldTextManager {

    // Verificarea stării Bold Text
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Adaptarea fontului la Bold Text
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // Reducem grosimea pentru a evita 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
        )
    }

    // Font cache cu suport pentru Bold Text
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Abonare la modificările Bold Text (Notification)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Actualizare UI la modificarea Bold Text
    updateFonts()
}

Clasa BoldTextManager verifică isBoldTextEnabled, adaptează greutatea fontului (reduce heavy/bold la semibold/medium când funcția este activă) și se abonează la notificarea boldTextStatusDidChangeNotification. Aceasta previne efectul double-bold, când dezvoltatorul folosește deja bold pentru titluri, iar sistemul le îngroașă și mai mult.

Influența asupra UITableView și UICollectionView

Bold Text influențează layout-ul celulelor UITableView și UICollectionView, deoarece creșterea grosimii fontului poate modifica înălțimea rândului. La utilizarea self-sizing cells (estimatedRowHeight + UITableView.automaticDimension), iOS recalculează automat înălțimea la modificarea fontului. Pentru înălțimi fixe ale celulelor, dezvoltatorul trebuie să apeleze reloadData() după primirea notificării boldTextStatusDidChangeNotification, altfel textul poate fi tăiat.

Lizibilitate îmbunătățită în Android: analog Bold Text

În Android, funcția Bold Text se numește „Lizibilitate îmbunătățită” (Improve readability) în interfața setărilor și se află în secțiunea „Accesibilitate” (Accessibility). În unele versiuni de Android, în special pe dispozitivele Samsung One UI, funcția se numește „Text cu contrast ridicat” sau High Contrast Text. Setarea se aplică tuturor elementelor de sistem și majorității aplicațiilor terțe.

Implementarea tehnică a Android diferă de iOS: în loc să înlocuiască fontul de sistem, Android suprascrie Typeface la nivel de sistem prin Resources.Theme. La activarea setării, sistemul modifică atributul android:textStyle pentru toate elementele de text, setând bold sau italic+bold. Dezvoltatorul poate verifica starea prin Settings.Global.getFloat() sau AccessibilityManager.

Verificarea Bold Text în aplicația Android

În Android nu există o API directă echivalentă cu UIAccessibility.isBoldTextEnabled. Verificarea se face prin ContentResolver și Settings.System. Funcția este stocată în setările globale ca font_weight_adjustment. Pentru Jetpack Compose este accesibilă prin LocalDensity și fontScale.

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

class AndroidBoldTextHelper {

    // Verificarea lizibilității îmbunătățite prin setările de sistem
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — adaptarea 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 — aplicare prin TypedValue
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // Reducem fakeBold dacă este deja activat de sistem
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

Clasa AndroidBoldTextHelper citește setarea de sistem font_weight_adjustment, adaptează FontWeight în Jetpack Compose și elimină fakeBold-ul duplicat în XML View. Spre deosebire de iOS, Android nu oferă un canal de notificare pentru modificarea Bold Text — dezvoltatorul verifică setarea la pornirea Activity sau prin ContentObserver.

ContentObserver pentru urmărirea modificărilor

Pentru urmărirea modificărilor Bold Text în timp real, dezvoltatorul Android poate folosi ContentObserver. La modificarea setării font_weight_adjustment, sistemul notifică ContentResolver, iar aplicația poate actualiza UI. Acest lucru este important pentru AccessibilityService și lansatoarele personalizate care trebuie să reacționeze instantaneu la modificările setărilor utilizatorului.

CSS font-weight: tipuri de grosime a fontului

În dezvoltarea web, grosimea fontului este gestionată de proprietatea CSS font-weight cu valori de la 100 (Thin) la 900 (Black). Valorile standard: normal = 400, bold = 700. Bold Text în sistemul de operare nu influențează direct CSS font-weight — browserele web nu primesc un semnal de sistem despre Bold Text activ la nivel de CSS. Cu toate acestea, dezvoltatorul poate folosi funcția media CSS dacă platforma o suportă.

Pentru iOS, Safari suportă funcția media -webkit-text-size-adjust, dar nu are un media query direct pentru Bold Text. Pe Android, Chrome nu oferă nici el un media query pentru setarea de sistem a textului bold. Dezvoltatorilor web li se recomandă să folosească prefers-contrast și prefers-reduced-motion pentru adaptare, iar pentru textul bold — să verifice setarea prin User-Agent sau stiluri de rezervă.

Utilizarea fonturilor variabile (Variable Fonts)

Variable Fonts (OpenType Font Variations) permit reglarea lină a grosimii fontului prin CSS font-weight în intervalul 1–999 cu pasul de 1 unitate. Spre deosebire de fonturile standard unde sunt disponibile doar valori discrete (400, 700), variable fonts oferă posibilitatea de a alege grosimea optimă pentru fiecare utilizator. La setările de accesibilitate se poate folosi un interval mai larg.

/* Font variabil cu reglare lină a grosimii */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Adaptare la Bold Text de sistem prin clasă */
.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 — abordare de rezervă */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

În exemplul CSS este arătată conectarea fontului variabil Inter Variable, variabile CSS pentru gestionarea grosimii și adaptarea prin prefers-contrast: more. Variable fonts permit creșterea font-weight cu 50–100 de unități la Bold Text de sistem activ fără pierderea calității de randare. Pentru determinarea stării Bold Text pe client se poate folosi verificarea JavaScript a User-Agent și clasa pe elementul html.

Detecția JavaScript a Bold Text pe pagina web

Deoarece CSS nu oferă un media query direct pentru Bold Text, dezvoltatorii web folosesc JavaScript: creează un element invizibil cu un font cunoscut, măsoară lățimea acestuia, modifică font-weight și compară diferența. Dacă diferența este mai mare decât cea așteptată — probabil Bold Text de sistem este activ. Această metodă este utilizată în bibliotecile de accesibilitate pentru ajustarea automată a stilurilor.

Cum influențează Bold Text accesibilitatea aplicațiilor

Bold Text rezolvă probleme specifice ale utilizatorilor cu deficiențe de vedere: crește distingibilitatea simbolurilor în ambliopie, reduce oboseala vizuală la cititul prelungit și compensează contrastul scăzut al display-ului în soare puternic. Conform WebAIM Million (2025), 12.3% din toate paginile au text cu contrast insuficient — Bold Text poate compensa parțial acest defect din partea utilizatorului.

Pentru dezvoltator, suportul pentru Bold Text intră în cerințele WCAG 2.2: criteriul 1.4.1 (Use of Color) și 1.4.3 (Contrast Minimum). Aplicația trebuie să se afișeze corect cu setarea de sistem Bold Text activată fără pierdere de conținut, suprapunere de elemente sau tăiere a textului. Testarea cu Bold Text activ este obligatorie la pregătirea pentru publicare în App Store și Google Play.

Recomandări pentru testare

La testarea aplicației cu Bold Text verificați: toate elementele de text sunt afișate complet (fără tăiere), grosimea nu este dublată (double-bold), înălțimile celulelor din tabele sunt recalculate corect, elementele nu se deplasează unele față de altele. Utilizați Accessibility Inspector (Xcode) sau Accessibility Scanner (Android) pentru depistarea automată a problemelor cu Bold Text.

• Xcode Accessibility Inspector — audit al fonturilor cu simularea modului Bold Text
• Android Accessibility Scanner — verificare contrast ratio și duplicare font-weight
• UI Testing — teste de capturi de ecran cu Bold Text activat și dezactivat
• Dynamic Type testing — combinația Bold Text + font mărit

Viitorul Bold Text în platformele mobile

iOS și Android moderne dezvoltă Bold Text în direcția unor setări mai fine: iOS 18 (2024) a adăugat setări de font per-aplicație, inclusiv grosimea, iar Android 16 (2025) a extins API-ul font_weight_adjustment pentru dezvoltatori. Se așteaptă ca versiunile viitoare să ofere dezvoltatorilor web un media query CSS pentru Bold Text, eliminând necesitatea detecției prin JS.