Bold Text v mobilních aplikacích: co to je, nastavení tučného textu

Co je Bold Text v přístupnosti?

Bold Text — je systémové nastavení operačních systémů, které předepisuje použití tučného písma pro všechny textové prvky rozhraní namísto standardního (regular nebo normal). Na rozdíl od jednoduchého zvětšení velikosti písma, Bold Text nemění měřítko — zvyšuje tloušťku čar písmen, čímž je činí sytějšími a kontrastnějšími na pozadí.

Funkce patří do kategorie display accommodations — nastavení obrazovky, která pomáhají lidem s poruchami zraku pohodlněji vnímat informace. Bold Text je zvláště účinný při nízké zrakové ostrosti (amblyopie), presbyopii a některých formách dyslexie, při kterých se písmena při standardní tloušťce „zdvojují“ nebo „plavou“.

Tučné písmo zvyšuje readability — rychlost a přesnost rozpoznávání jednotlivých znaků. Výzkumy Usability.gov ukazují, že tučnost zvyšuje přesnost čtení o 12–18 % u uživatelů s poruchami zraku ve srovnání s běžným písmem stejné velikosti. Bold Text nenahrazuje zvětšení textu — obě funkce lze kombinovat.

Rozdíl mezi Bold Text a zvětšením písma

Klíčový rozdíl mezi Bold Text a Dynamic Type (iOS) nebo Font Size (Android) — mechanismus účinku. Zvětšení písma mění velikost písmen, Bold Text — pouze tloušťku. Při zvětšení písma trpí kapacita obrazovky (na jednu obrazovku se vejde méně obsahu), Bold Text zachovává počet viditelných prvků. Pro uživatele s presbyopií v raných stádiích je Bold Text často dostatečný bez zvětšení textu.

Kdo potřebuje Bold Text

Hlavní cílová skupina Bold Text — lidé s amblyopií (snížení zrakové ostrosti nekorigovatelné brýlemi), presbyopií (věkem podmíněná dalekozrakost po 40–45 letech) a některými formami dyslexie. Funkce je také užitečná při čtení na ostrém slunci — tučné písmo zachovává kontrast při odlescích. Asistivní technologie jako VoiceOver a TalkBack pracují nezávisle na Bold Text — nastavení ovlivňuje pouze vizuální zobrazení.

Bold Text v iOS: nastavení a princip fungování

V iOS je Bold Text jednou z nejstarších funkcí přístupnosti, která se objevila v iOS 7 (2013). Nastavení je v Settings > Display & Brightness > Bold Text a vyžaduje restart iPhone: systém přestaví všechna písma v systémových aplikacích (Settings, Mail, Messages, Calendar, Notes) a aplikacích třetích stran, které používají systémové písmo San Francisco.

Technicky iOS nahrazuje soubor systémového písma San Francisco jeho tučnou variantou (SF Pro Bold / SF Pro Rounded Bold) na úrovni frameworku CoreText. Po zapnutí Bold Text jsou všechny řádky na obrazovce — od navigačních nadpisů po text tlačítek — zobrazeny s font-weight 700 místo 400. Vývojář nemůže toto chování přepsat pro systémové prvky, ale může spravovat písma ve vlastním uživatelském rozhraní pomocí Dynamic Type.

Pro vývojáře znamená aktivní Bold Text, že všechny UIFont s textStyle (.body, .headline, .caption a další) automaticky získávají tučné zobrazení. UIFontWeight existuje ve dvou variantách: regular (0.0) a bold (1.0). Při aktivním Bold Text systém zvyšuje fontWeight o 0.3–0.5 pro každý styl. Stav lze zkontrolovat pomocí UIAccessibility.isBoldTextEnabled.

Kontrola Bold Text v iOS aplikaci

Vývojář může zkontrolovat, zda je Bold Text na zařízení zapnutý, a přizpůsobit rozhraní. Například pokud nadpisy tabulky již používají tučné písmo, může být při zapnuté funkci nutné snížit tloušťku, aby se předešlo vizuálnímu šumu. Kontrolní kód používá framework UIAccessibility.

import UIKit

class BoldTextManager {

    // Kontrola stavu Bold Text
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Přizpůsobení písma Bold Text
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // Snížení tloušťky, aby nedošlo k 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
        )
    }

    // Uložené písmo s podporou Bold Text
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Přihlášení ke změnám Bold Text (Notification)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Aktualizace UI při změně Bold Text
    updateFonts()
}

Třída BoldTextManager kontroluje isBoldTextEnabled, přizpůsobuje váhu písma (snižuje heavy/bold na semibold/medium, když je funkce aktivní) a přihlašuje se k odběru oznámení boldTextStatusDidChangeNotification. Tím se předchází efektu double-bold, kdy vývojář již používá tučné písmo pro nadpisy a systém je dále zvýrazňuje.

Vliv na UITableView a UICollectionView

Bold Text ovlivňuje rozvržení buněk UITableView a UICollectionView, protože zvýšení tloušťky písma může změnit výšku řádku. Při použití self-sizing buněk (estimatedRowHeight + UITableView.automaticDimension) iOS automaticky přepočítává výšku při změně písma. Pro pevné výšky buněk musí vývojář po obdržení oznámení boldTextStatusDidChangeNotification zavolat reloadData(), jinak může dojít k oříznutí textu.

Vylepšená čitelnost v Androidu: analog Bold Text

V Androidu se funkce Bold Text nazývá „Vylepšená čitelnost“ (Improve readability) v rozhraní nastavení a nachází se v sekci „Přístupnost“ (Accessibility). V některých verzích Androidu, zejména na zařízeních Samsung One UI, se funkce nazývá „Text s vysokým kontrastem“ nebo High Contrast Text. Nastavení se vztahuje na všechny systémové prvky a většinu aplikací třetích stran.

Technická implementace Androidu se liší od iOS: namísto nahrazení systémového písma Android přepisuje Typeface na systémové úrovni prostřednictvím Resources.Theme. Při aktivaci nastavení systém mění atribut android:textStyle pro všechny textové prvky, nastavuje bold nebo italic+bold. Vývojář může stav zkontrolovat pomocí Settings.Global.getFloat() nebo AccessibilityManager.

Kontrola Bold Text v Android aplikaci

V Androidu neexistuje přímé API ekvivalentní UIAccessibility.isBoldTextEnabled. Kontrola se provádí prostřednictvím ContentResolver a Settings.System. Funkce je uložena v globálních nastaveních jako font_weight_adjustment. Pro Jetpack Compose je přístupná přes LocalDensity a fontScale.

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

class AndroidBoldTextHelper {

    // Kontrola vylepšené čitelnosti prostřednictvím systémových nastavení
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — přizpůsobení 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 — aplikace přes TypedValue
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // Snížení fakeBold, pokud je již zapnutý systémem
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

Třída AndroidBoldTextHelper čte systémové nastavení font_weight_adjustment, přizpůsobuje FontWeight v Jetpack Compose a odstraňuje duplicitní fakeBold v XML View. Na rozdíl od iOS Android neposkytuje kanál oznámení pro změnu Bold Text — vývojář kontroluje nastavení při spuštění Activity nebo pomocí ContentObserver.

ContentObserver pro sledování změn

Pro sledování změn Bold Text za běhu může vývojář Androidu použít ContentObserver. Při změně nastavení font_weight_adjustment systém upozorní ContentResolver a aplikace může aktualizovat uživatelské rozhraní. To je důležité pro AccessibilityService a vlastní spouštěče, které musí okamžitě reagovat na změny uživatelských nastavení.

CSS font-weight: typy tloušťky písma

Ve webovém vývoji je tloušťka písma řízena CSS vlastností font-weight s hodnotami od 100 (Thin) do 900 (Black). Standardní hodnoty: normal = 400, bold = 700. Bold Text v operačním systému přímo neovlivňuje CSS font-weight — webové prohlížeče nepřijímají systémový signál o aktivním Bold Text na úrovni CSS. Vývojář však může použít CSS media funkci, pokud ji platforma podporuje.

Pro iOS Safari podporuje media funkci -webkit-text-size-adjust, ale nemá přímý media query pro Bold Text. Na Androidu Chrome také neposkytuje media query pro systémové nastavení tučného textu. Webovým vývojářům se doporučuje používat prefers-contrast a prefers-reduced-motion pro přizpůsobení a pro tučný text — kontrolovat nastavení pomocí User-Agent nebo záložních stylů.

Použití variabilních písem (Variable Fonts)

Variable Fonts (OpenType Font Variations) umožňují plynulé nastavení tloušťky písma pomocí CSS font-weight v rozsahu 1–999 s krokem 1 jednotky. Na rozdíl od standardních písem, kde jsou k dispozici pouze diskrétní hodnoty (400, 700), variabilní písma poskytují možnost výběru optimální tloušťky pro každého uživatele. Při nastaveních přístupnosti lze použít širší rozsah.

/* Variabilní písmo s plynulým nastavením tloušťky */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Přizpůsobení systémovému Bold Text přes třídu */
.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 — záložní přístup */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

V příkladu CSS je ukázáno připojení variabilního písma Inter Variable, CSS proměnné pro řízení tloušťky a přizpůsobení pomocí prefers-contrast: more. Variabilní písma umožňují zvýšení font-weight o 50–100 jednotek při aktivním systémovém Bold Text bez ztráty kvality vykreslování. Pro určení stavu Bold Text na straně klienta lze použít JavaScript kontrolu User-Agent a třídu na html elementu.

JavaScript detekce Bold Text na webové stránce

Protože CSS neposkytuje přímý media query pro Bold Text, weboví vývojáři používají JavaScript: vytvoří neviditelný prvek se známým písmem, změří jeho šířku, změní font-weight a porovnají rozdíl. Pokud je rozdíl větší než očekávaný — je pravděpodobně systémový Bold Text aktivní. Tato metoda se používá v knihovnách pro přístupnost pro automatické přizpůsobení stylů.

Jak Bold Text ovlivňuje přístupnost aplikací

Bold Text řeší specifické problémy uživatelů s poruchami zraku: zvyšuje rozlišitelnost symbolů při amblyopii, snižuje zrakovou únavu při dlouhém čtení a kompenzuje nízký kontrast displeje na ostrém slunci. Podle WebAIM Million (2025) má 12,3 % všech stránek text s nedostatečným kontrastem — Bold Text může tento nedostatek částečně kompenzovat na straně uživatele.

Pro vývojáře spadá podpora Bold Text do požadavků WCAG 2.2: kritérium 1.4.1 (Use of Color) a 1.4.3 (Contrast Minimum). Aplikace se musí správně zobrazovat se zapnutým systémovým nastavením Bold Text bez ztráty obsahu, překrývání prvků nebo oříznutí textu. Testování se zapnutým Bold Text je povinné při přípravě k publikaci v App Store a Google Play.

Doporučení pro testování

Při testování aplikace s Bold Text zkontrolujte: jsou všechny textové prvky zobrazeny úplně (bez oříznutí), není tloušťka zdvojena (double-bold), jsou výšky buněk v tabulkách správně přepočítány, neposouvají se prvky vůči sobě. Použijte Accessibility Inspector (Xcode) nebo Accessibility Scanner (Android) pro automatické odhalování problémů s Bold Text.

• Xcode Accessibility Inspector — audit písem se simulací režimu Bold Text
• Android Accessibility Scanner — kontrola contrast ratio a duplikace font-weight
• UI Testing — snímkové testy se zapnutým a vypnutým Bold Text
• Dynamic Type testing — kombinace Bold Text + zvětšené písmo

Budoucnost Bold Text na mobilních platformách

Moderní iOS a Android vyvíjejí Bold Text směrem k jemnějším nastavením: iOS 18 (2024) přidalo nastavení písma pro jednotlivé aplikace včetně tloušťky a Android 16 (2025) rozšířil API font_weight_adjustment pro vývojáře. Očekává se, že budoucí verze poskytnou webovým vývojářům CSS media query pro Bold Text, čímž odpadne potřeba JS detekce.