Bold Text mobilalkalmazásokban: mi ez, a félkövér szöveg beállítása

Mi az a Bold Text az akadálymentesítésben?

Bold Text — az operációs rendszerek egy rendszerbeállítása, amely a szabványos (regular vagy normal) helyett félkövér betűtípus használatát írja elő a felület összes szöveges eleméhez. A betűméret egyszerű növelésével ellentétben a Bold Text nem változtatja meg a méretarányt — növeli a betűk vonalvastagságát, így azok telítettebbé és kontrasztosabbá válnak a háttéren.

A funkció a display accommodations kategóriába tartozik — olyan képernyőbeállítások, amelyek segítenek a látássérült embereknek kényelmesebben érzékelni az információt. A Bold Text különösen hatékony alacsony látásélesség (amblyopia), időskori távollátás (presbyopia) és a diszlexia egyes formái esetén, ahol a betűk szabványos vastagságnál „kettőződnek” vagy „lebegnek”.

A félkövér betűtípus növeli a readability — az egyes karakterek felismerésének sebességét és pontosságát. A Usability.gov kutatásai szerint a félkövér vastagság 12–18%-kal növeli az olvasás pontosságát a látássérült felhasználók körében az azonos méretű normál betűtípushoz képest. A Bold Text nem helyettesíti a szöveg nagyítását — mindkét funkció kombinálható.

A Bold Text és a betűméret-növelés közötti különbség

A Bold Text és a Dynamic Type (iOS) vagy Font Size (Android) közötti legfontosabb különbség — a hatásmechanizmus. A betűméret növelése megváltoztatja a betűk méretét, a Bold Text — csak a vastagságot. A betűméret növelésekor a képernyő kapacitása csökken (kevesebb tartalom fér el egy képernyőn), a Bold Text megtartja a látható elemek számát. A presbyopia korai szakaszában lévő felhasználók számára a Bold Text gyakran elegendő szövegnagyítás nélkül.

Kinek van szüksége Bold Text-re

A Bold Text fő célközönsége — az amblyopiában (szemüveggel nem korrigálható csökkent látásélesség), presbyopiában (40–45 éves kor utáni időskori távollátás) és a diszlexia egyes formáiban szenvedők. A funkció hasznos erős napsütésben történő olvasáskor is — a félkövér betűtípus megőrzi a kontrasztot tükröződéskor. A segítő technológiák, mint a VoiceOver és a TalkBack, függetlenül működnek a Bold Text-től — a beállítás csak a vizuális megjelenítést befolyásolja.

Bold Text iOS-ben: beállítás és működési elv

iOS-ben a Bold Text az egyik legrégebbi akadálymentesítési funkció, amely az iOS 7-ben (2013) jelent meg. A beállítás a Settings > Display & Brightness > Bold Text menüben található, és az iPhone újraindítását igényli: a rendszer újjáépíti az összes betűtípust a rendszeralkalmazásokban (Settings, Mail, Messages, Calendar, Notes) és a San Francisco rendszerbetűtípust használó harmadik féltől származó alkalmazásokban.

Technikailag az iOS lecseréli a San Francisco rendszerbetűtípus fájlját annak Bold változatára (SF Pro Bold / SF Pro Rounded Bold) a CoreText keretrendszer szintjén. A Bold Text aktiválása után a képernyőn lévő összes sor — a navigációs címektől a gombok szövegéig — font-weight 700-zal jelenik meg 400 helyett. A fejlesztő nem bírálhatja felül ezt a viselkedést a rendszerelemeknél, de kezelheti a betűtípusokat a saját felületén a Dynamic Type segítségével.

A fejlesztő számára az aktív Bold Text azt jelenti, hogy az összes textStyle (.body, .headline, .caption és mások) UIFont automatikusan félkövérré válik. Az UIFontWeight két változatban létezik: regular (0.0) és bold (1.0). Aktív Bold Text esetén a rendszer 0.3–0.5-tel növeli a fontWeight-ot minden stílushoz. Az állapot az UIAccessibility.isBoldTextEnabled segítségével ellenőrizhető.

Bold Text ellenőrzése iOS-alkalmazásban

A fejlesztő ellenőrizheti, hogy a Bold Text aktív-e az eszközön, és hozzáigazíthatja a felületet. Például, ha a táblázatfejlécek már használnak félkövér betűt, az aktív funkciónál szükség lehet a vastagság csökkentésére a vizuális zaj elkerülése érdekében. Az ellenőrző kód az UIAccessibility keretrendszert használja.

import UIKit

class BoldTextManager {

    // Bold Text állapotának ellenőrzése
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Betűtípus hozzáigazítása a Bold Text-hez
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // Csökkentjük a vastagságot a double-bold elkerülése érdekében
        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
        )
    }

    // Gyorsítótárazott betűtípus Bold Text támogatással
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Feliratkozás a Bold Text változásaira (Notification)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Felület frissítése a Bold Text változásakor
    updateFonts()
}

A BoldTextManager osztály ellenőrzi az isBoldTextEnabled-t, hozzáigazítja a betűvastagságot (csökkenti a heavy/bold-ot semibold/medium-ra, ha a funkció aktív) és feliratkozik a boldTextStatusDidChangeNotification értesítésre. Ez megakadályozza a double-bold effektust, amikor a fejlesztő már használ félkövér betűt a fejlécekhez, és a rendszer még vastagabbra állítja azokat.

Hatás a UITableView-re és UICollectionView-re

A Bold Text befolyásolja a UITableView és UICollectionView celláinak elrendezését, mivel a betűvastagság növekedése megváltoztathatja a sor magasságát. Self-sizing cellák (estimatedRowHeight + UITableView.automaticDimension) használatakor az iOS automatikusan újraszámolja a magasságot a betűtípus változásakor. Rögzített cellamagasságok esetén a fejlesztőnek a reloadData() metódust kell meghívnia a boldTextStatusDidChangeNotification értesítés kézhezvétele után, különben a szöveg levágható.

Javított olvashatóság Android-ban: a Bold Text analógja

Android-ban a Bold Text funkció „Javított olvashatóság” (Improve readability) néven található a beállítások felületén, az „Akadálymentesítés” (Accessibility) szakaszban. Az Android egyes verzióiban, különösen a Samsung One UI eszközökön, a funkció „Magas kontrasztú szöveg” vagy High Contrast Text néven ismert. A beállítás az összes rendszerelemre és a legtöbb harmadik féltől származó alkalmazásra vonatkozik.

Az Android technikai megvalósítása eltér az iOS-től: a rendszerbetűtípus cseréje helyett az Android a Resources.Theme segítségével felülírja a Typeface-ot rendszerszinten. A beállítás aktiválásakor a rendszer megváltoztatja az android:textStyle attribútumot az összes szöveges elemnél, bold vagy italic+bold értéket állítva be. A fejlesztő a Settings.Global.getFloat() vagy AccessibilityManager segítségével ellenőrizheti az állapotot.

Bold Text ellenőrzése Android-alkalmazásban

Android-ban nincs közvetlen API-egyenérték az UIAccessibility.isBoldTextEnabled-hez. Az ellenőrzés a ContentResolver és Settings.System segítségével történik. A funkció globális beállításokban font_weight_adjustment néven tárolódik. Jetpack Compose esetén a LocalDensity és fontScale segítségével érhető el.

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

class AndroidBoldTextHelper {

    // Javított olvashatóság ellenőrzése rendszerbeállításokon keresztül
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — FontWeight hozzáigazítása
    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 — alkalmazás TypedValue segítségével
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // Csökkentjük a fakeBold-ot, ha már a rendszer aktiválta
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

Az AndroidBoldTextHelper osztály beolvassa a font_weight_adjustment rendszerbeállítást, hozzáigazítja a FontWeight-ot Jetpack Compose-ban és eltávolítja a duplikált fakeBold-ot XML View-ban. Az iOS-szel ellentétben az Android nem biztosít értesítési csatornát a Bold Text változásához — a fejlesztő az Activity indításakor vagy ContentObserver segítségével ellenőrzi a beállítást.

ContentObserver a változások nyomon követéséhez

A Bold Text futásidejű változásainak nyomon követéséhez az Android-fejlesztő ContentObserver-t használhat. A font_weight_adjustment beállítás megváltozásakor a rendszer értesíti a ContentResolver-t, és az alkalmazás frissítheti a felületet. Ez fontos az AccessibilityService és az egyéni indítók számára, amelyeknek azonnal reagálniuk kell a felhasználói beállítások változásaira.

CSS font-weight: a betűtípus vastagságának típusai

Webfejlesztésben a betűtípus vastagságát a CSS font-weight tulajdonság vezérli 100 (Thin) és 900 (Black) közötti értékekkel. Szabványos értékek: normal = 400, bold = 700. A Bold Text az operációs rendszerben nem befolyásolja közvetlenül a CSS font-weight-ot — a webböngészők nem kapnak rendszerjelet az aktív Bold Text-ről CSS szinten. A fejlesztő azonban használhatja a CSS médiafunkciót, ha a platform támogatja.

iOS esetében a Safari támogatja a -webkit-text-size-adjust médiafunkciót, de nincs közvetlen media query-je a Bold Text-hez. Android-ban a Chrome sem biztosít media query-t a félkövér szöveg rendszerbeállításához. A webes fejlesztőknek a prefers-contrast és prefers-reduced-motion használata javasolt az alkalmazkodáshoz, a félkövér szöveg esetében pedig a beállítás ellenőrzése User-Agent vagy tartalék stílusok segítségével.

Változó betűtípusok használata (Variable Fonts)

Variable Fonts (OpenType Font Variations) lehetővé teszik a betűvastagság finom szabályozását a CSS font-weight segítségével 1–999 tartományban, 1 egység lépésközzel. Ellentétben a szabványos betűtípusokkal, ahol csak diszkrét értékek (400, 700) állnak rendelkezésre, a variable fonts lehetőséget adnak az optimális vastagság kiválasztására minden felhasználó számára. Az akadálymentesítési beállításoknál szélesebb tartomány használható.

/* Változó betűtípus finom vastagságszabályozással */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Hozzáigazítás a rendszer Bold Text-hez osztály segítségével */
.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 — tartalék megközelítés */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

A CSS példában látható az Inter Variable változó betűtípus csatlakoztatása, CSS-változók a vastagság kezeléséhez és alkalmazkodás a prefers-contrast: more segítségével. A variable fonts lehetővé teszik a font-weight 50–100 egységgel történő növelését aktív rendszer Bold Text mellett a renderelési minőség elvesztése nélkül. A Bold Text állapotának meghatározásához az ügyfél oldalon használható a User-Agent JavaScript-ellenőrzése és egy osztály a html elemen.

Bold Text JavaScript-észlelése weboldalon

Mivel a CSS nem biztosít közvetlen media query-t a Bold Text-hez, a webes fejlesztők JavaScriptet használnak: létrehoznak egy láthatatlan elemet ismert betűtípussal, megmérik a szélességét, megváltoztatják a font-weight-ot és összehasonlítják a különbséget. Ha a különbség nagyobb a vártnál — valószínűleg a rendszer Bold Text aktív. Ezt a módszert akadálymentesítési könyvtárakban használják a stílusok automatikus beállításához.

Hogyan befolyásolja a Bold Text az alkalmazások akadálymentesítését

Bold Text megoldja a látássérült felhasználók specifikus problémáit: növeli a szimbólumok megkülönböztethetőségét amblyopia esetén, csökkenti a szem fáradását hosszú olvasáskor és kompenzálja a kijelző alacsony kontrasztját erős napsütésben. A WebAIM Million (2025) szerint az összes oldal 12,3%-a rendelkezik elégtelen kontrasztú szöveggel — a Bold Text részben kompenzálhatja ezt a hibát a felhasználó oldalán.

A fejlesztő számára a Bold Text támogatása a WCAG 2.2 követelményeinek részét képezi: 1.4.1 (Use of Color) és 1.4.3 (Contrast Minimum) kritérium. Az alkalmazásnak helyesen kell megjelennie az aktív rendszer Bold Text beállítással, tartalomvesztés, elemek átfedése vagy szöveg levágása nélkül. A tesztelés aktív Bold Text-tel kötelező az App Store-ban és Google Play-ben történő megjelenésre való felkészülés során.

Tesztelési javaslatok

Az alkalmazás Bold Text-tel történő tesztelésekor ellenőrizze: az összes szöveges elem teljesen megjelenik-e (levágás nélkül), nem duplikálódik-e a vastagság (double-bold), a táblázatok cellamagasságai helyesen számolódnak-e újra, az elemek nem mozdulnak-e el egymáshoz képest. Használja az Accessibility Inspector-t (Xcode) vagy az Accessibility Scanner-t (Android) a Bold Text problémák automatikus felismeréséhez.

• Xcode Accessibility Inspector — betűtípus-audit a Bold Text mód szimulációjával
• Android Accessibility Scanner — kontrasztarány és font-weight duplikáció ellenőrzése
• UI Testing — képernyőkép-tesztek aktív és inaktív Bold Text-tel
• Dynamic Type testing — Bold Text + nagyított betűtípus kombinációja

A Bold Text jövője mobil platformokon

A modern iOS és Android a Bold Text-et a finomabb beállítások irányába fejleszti: az iOS 18 (2024) alkalmazásonkénti betűtípus-beállításokat adott hozzá, beleértve a vastagságot, az Android 16 (2025) pedig kiterjesztette a font_weight_adjustment API-t a fejlesztők számára. Várható, hogy a jövőbeli verziók CSS media query-t biztosítanak a webes fejlesztőknek a Bold Text-hez, megszüntetve a JS-észlelés szükségességét.