Bold Text in mobilen Apps: Was es ist und wie man fetten Text konfiguriert

Was ist Bold Text in der Accessibility?

Bold Text ist eine Systemeinstellung in Betriebssystemen, die die Verwendung einer fetten Schriftstärke für alle Textelemente der Benutzeroberfläche anstelle der Standardschriftstärke (regular oder normal) vorschreibt. Im Gegensatz zur einfachen Vergrößerung der Schriftgröße ändert Bold Text nicht den Maßstab — er erhöht die Strichstärke der Buchstaben, wodurch sie satter und kontrastreicher vor dem Hintergrund erscheinen.

Diese Funktion gehört zur Kategorie der Display-Anpassungen — Bildschirmeinstellungen, die Menschen mit Sehbehinderungen helfen, Informationen angenehmer wahrzunehmen. Bold Text ist besonders wirksam bei geringer Sehschärfe (Amblyopie), altersbedingter Weitsichtigkeit (Presbyopie) und bestimmten Formen von Legasthenie, bei denen Buchstaben bei Standardstärke doppelt oder verschwommen erscheinen.

Fetter Text erhöht die Lesbarkeit — die Geschwindigkeit und Genauigkeit der Erkennung einzelner Zeichen. Studien von Usability.gov zeigen, dass fette Schriftart die Lesegenauigkeit bei Benutzern mit Sehbehinderungen im Vergleich zur regulären Schriftart in derselben Punktgröße um 12–18% verbessert. Bold Text ersetzt jedoch nicht die Textvergrößerung — beide Funktionen können kombiniert werden.

Unterschied zwischen Bold Text und Schriftvergrößerung

Der Hauptunterschied zwischen Bold Text und Dynamic Type (iOS) oder Font Size (Android) liegt im Wirkmechanismus. Die Schriftvergrößerung ändert die Größe der Buchstaben, während Bold Text nur die Stärke beeinflusst. Beim Vergrößern der Schrift leidet die Bildschirmkapazität (weniger Inhalt passt auf einen Bildschirm), während Bold Text die Anzahl der sichtbaren Elemente erhält. Für Benutzer mit Presbyopie im Frühstadium ist Bold Text oft ausreichend, ohne dass der Text vergrößert werden muss.

Wer braucht Bold Text

Die Hauptzielgruppe für Bold Text sind Menschen mit Amblyopie (verminderte Sehschärfe, die nicht mit Brille korrigierbar ist), Presbyopie (altersbedingte Weitsichtigkeit ab 40–45 Jahren) und bestimmten Formen von Legasthenie. Die Funktion ist auch beim Lesen bei hellem Sonnenlicht nützlich — fetter Text behält seinen Kontrast auch bei Blendung. Hilfstechnologien wie VoiceOver und TalkBack arbeiten unabhängig von Bold Text — die Einstellung wirkt sich nur auf die visuelle Anzeige aus.

Bold Text unter iOS: Einstellung und Funktionsweise

Unter iOS ist Bold Text eine der ältesten Accessibility-Funktionen, die mit iOS 7 (2013) eingeführt wurde. Die Einstellung befindet sich unter Settings > Display & Brightness > Bold Text und erfordert einen Neustart des iPhone: Das System baut alle Schriftarten in Systemanwendungen (Settings, Mail, Messages, Calendar, Notes) und Drittanbieter-Apps, die die Systemschriftart San Francisco verwenden, neu auf.

Technisch gesehen ersetzt iOS die Systemschriftartdatei San Francisco auf der Ebene des CoreText-Frameworks durch ihre Bold-Variante (SF Pro Bold / SF Pro Rounded Bold). Nach dem Aktivieren von Bold Text wird der gesamte Text auf dem Bildschirm — von Navigationsüberschriften bis zu Schaltflächenbeschriftungen — mit font-weight 700 statt 400 angezeigt. Ein Entwickler kann dieses Verhalten für Systemelemente nicht überschreiben, kann aber Schriftarten in seiner eigenen Benutzeroberfläche über Dynamic Type verwalten.

Für Entwickler erhalten bei aktiviertem Bold Text alle UIFont-Instanzen mit textStyle (.body, .headline, .caption und andere) automatisch die fette Schriftstärke. UIFontWeight existiert in zwei Varianten: regular (0.0) und bold (1.0). Bei aktivem Bold Text erhöht das System den fontWeight für jeden Stil um 0.3–0.5. Der Status kann über UIAccessibility.isBoldTextEnabled überprüft werden.

Bold Text in einer iOS-App prüfen

Ein Entwickler kann prüfen, ob auf dem Gerät Bold Text aktiviert ist, und die Oberfläche entsprechend anpassen. Wenn Tabellenüberschriften beispielsweise bereits fett sind, kann das Aktivieren der Funktion eine Reduzierung der Schriftstärke erforderlich machen, um visuelles Rauschen zu vermeiden. Die Prüfung verwendet das UIAccessibility-Framework.

import UIKit

class BoldTextManager {

    // Bold Text-Status prüfen
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Schriftart an Bold Text anpassen
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // Fettung reduzieren, um Double-Bold zu vermeiden
        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
        )
    }

    // Zwischengespeicherte Schriftart mit Bold Text-Unterstützung
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Auf Bold Text-Änderungen abonnieren (Benachrichtigung)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // UI bei Änderung von Bold Text aktualisieren
    updateFonts()
}

Die Klasse BoldTextManager prüft isBoldTextEnabled, passt die Schriftstärke an (reduziert heavy/bold auf semibold/medium, wenn die Funktion aktiv ist) und abonniert die boldTextStatusDidChangeNotification. Dies verhindert den Double-Bold-Effekt, bei dem ein Entwickler bereits Fettdruck für Überschriften verwendet und das System diese noch fetter darstellt.

Auswirkungen auf UITableView und UICollectionView

Bold Text wirkt sich auf das Layout von UITableView- und UICollectionView-Zellen aus, da eine Erhöhung der Schriftstärke die Zeilenhöhe verändern kann. Bei Verwendung von selbstanpassenden Zellen (estimatedRowHeight + UITableView.automaticDimension) berechnet iOS die Höhe bei Schriftartänderungen automatisch neu. Bei festen Zellhöhen muss der Entwickler nach Erhalt der boldTextStatusDidChangeNotification reloadData() aufrufen, da sonst der Text abgeschnitten werden kann.

Improve Readability unter Android: Das Pendant zu Bold Text

Unter Android heißt die Bold-Text-Funktion in der Einstellungsoberfläche „Improve Readability“ und befindet sich im Bereich Accessibility. In einigen Android-Versionen, insbesondere auf Samsung One UI-Geräten, wird die Funktion „High Contrast Text“ genannt. Die Einstellung gilt für alle Systemelemente und die meisten Drittanbieter-Anwendungen.

Die technische Implementierung unter Android unterscheidet sich von iOS: Anstatt die Systemschriftart zu ersetzen, überschreibt Android den Typeface auf Systemebene über Resources.Theme. Wenn die Einstellung aktiviert wird, ändert das System das Attribut android:textStyle für alle Textelemente und setzt bold oder italic+bold. Ein Entwickler kann den Status über Settings.Global.getFloat() oder AccessibilityManager überprüfen.

Bold Text in einer Android-App prüfen

Unter Android gibt es keine direkte API, die UIAccessibility.isBoldTextEnabled entspricht. Die Prüfung erfolgt über ContentResolver und Settings.System. Die Einstellung wird in den globalen Einstellungen als font_weight_adjustment gespeichert. Für Jetpack Compose ist sie über LocalDensity und fontScale zugänglich.

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

class AndroidBoldTextHelper {

    // Verbesserte Lesbarkeit über Systemeinstellungen prüfen
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — FontWeight-Anpassung
    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 — Anwendung über TypedValue
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // fakeBold reduzieren, wenn bereits vom System aktiviert
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

Die Klasse AndroidBoldTextHelper liest die Systemeinstellung font_weight_adjustment aus, passt FontWeight in Jetpack Compose an und entfernt doppeltes fakeBold in XML View. Im Gegensatz zu iOS bietet Android keinen Benachrichtigungskanal für Bold-Text-Änderungen — der Entwickler prüft die Einstellung beim Start der Activity oder über ContentObserver.

ContentObserver zum Verfolgen von Änderungen

Um Bold Text-Änderungen zur Laufzeit zu verfolgen, kann ein Android-Entwickler ContentObserver verwenden. Wenn sich die Einstellung font_weight_adjustment ändert, benachrichtigt das System den ContentResolver, und die App kann ihre Benutzeroberfläche aktualisieren. Dies ist wichtig für AccessibilityService und benutzerdefinierte Launcher, die sofort auf Änderungen der Benutzereinstellungen reagieren müssen.

CSS font-weight: Arten der Schriftstärke

In der Webentwicklung wird die Schriftstärke durch die CSS-Eigenschaft font-weight gesteuert, mit Werten von 100 (Thin) bis 900 (Black). Zu den Standardwerten gehören normal = 400 und bold = 700. Bold Text im Betriebssystem wirkt sich nicht direkt auf CSS font-weight aus — Webbrowser erhalten kein Systemsignal über aktivierten Bold Text auf CSS-Ebene. Ein Entwickler kann jedoch eine CSS-Media-Funktion verwenden, wenn die Plattform diese unterstützt.

Für iOS unterstützt Safari die Media-Funktion -webkit-text-size-adjust, verfügt aber über keine direkte Media Query für Bold Text. Unter Android stellt Chrome ebenfalls keine Media Query für die Systemeinstellung fetter Text bereit. Webentwicklern wird empfohlen, zur Anpassung prefers-contrast und prefers-reduced-motion zu verwenden und für fetten Text die Einstellung über User-Agent oder Fallback-Stile zu prüfen.

Verwendung variabler Schriftarten (Variable Fonts)

Variable Fonts (OpenType Font Variations) ermöglichen die stufenlose Anpassung der Schriftstärke über CSS font-weight im Bereich von 1–999 in 1er-Schritten. Im Gegensatz zu Standardschriftarten, bei denen nur diskrete Werte (400, 700) verfügbar sind, ermöglichen variable Schriftarten die Auswahl der optimalen Stärke für jeden Benutzer. Für Barrierefreiheitseinstellungen kann ein breiterer Bereich genutzt werden.

/* Variable Schriftart mit stufenloser Strichstärkenanpassung */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Anpassung an systemweiten Bold Text über Klasse */
.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 — Fallback-Ansatz */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

Das CSS-Beispiel zeigt, wie die variable Schriftart Inter Variable geladen wird, CSS-Benutzervariablen zur Gewichtskontrolle verwendet werden und eine Anpassung über prefers-contrast: more erfolgt. Variable Schriftarten ermöglichen eine Erhöhung des font-weight um 50–100 Einheiten bei aktiviertem systemweitem Bold Text, ohne Einbußen bei der Renderqualität. Zur Erkennung des Bold-Text-Status auf dem Client kann JavaScript den User-Agent prüfen und eine Klasse zum html-Element hinzufügen.

JavaScript-Erkennung von Bold Text auf einer Webseite

Da CSS keine direkte Media Query für Bold Text bereitstellt, verwenden Webentwickler JavaScript: Sie erstellen ein unsichtbares Element mit einer bekannten Schriftart, messen seine Breite, ändern den font-weight und vergleichen den Unterschied. Wenn der Unterschied größer als erwartet ist, ist der systemweite Bold Text wahrscheinlich aktiv. Diese Methode wird in Bibliotheken zur Barrierefreiheit für die automatische Stilanpassung verwendet.

Wie Bold Text die App-Accessibility beeinflusst

Bold Text adressiert spezifische Probleme von Benutzern mit Sehbehinderungen: Er verbessert die Unterscheidbarkeit von Zeichen bei Amblyopie, reduziert die Augenbelastung bei längerem Lesen und gleicht geringen Bildschirmkontrast bei hellem Sonnenlicht aus. Laut WebAIM Million (2025) haben 12,3% aller Seiten Text mit unzureichendem Kontrast — Bold Text kann diesen Mangel auf Benutzerseite teilweise ausgleichen.

Für Entwickler gehört die Unterstützung von Bold Text zu den WCAG-2.2-Anforderungen: Kriterium 1.4.1 (Verwendung von Farbe) und 1.4.3 (Mindestkontrast). Die App muss bei aktivierter systemweiter Bold-Text-Einstellung korrekt angezeigt werden, ohne Inhaltsverlust, Elementüberlagerung oder Textabschneidung. Tests mit aktiviertem Bold Text sind bei der Vorbereitung zur Veröffentlichung im App Store und Google Play obligatorisch.

Testempfehlungen

Beim Testen einer App mit Bold Text prüfen Sie: ob alle Textelemente vollständig angezeigt werden (ohne Abschneidung), ob sich die Fettung nicht verdoppelt (Double-Bold), ob die Zellhöhen in Tabellen korrekt neu berechnet werden und ob sich Elemente relativ zueinander verschieben. Verwenden Sie Accessibility Inspector (Xcode) oder Accessibility Scanner (Android) zur automatischen Erkennung von Probleme mit Bold Text.

• Xcode Accessibility Inspector — Schriftart-Audit mit Simulation des Bold-Text-Modus
• Android Accessibility Scanner — Prüfung des Kontrastverhältnisses und der font-weight-Doppelung
• UI-Tests — Screenshot-Tests mit aktiviertem und deaktiviertem Bold Text
• Dynamic-Type-Tests — Kombination von Bold Text + vergrößerter Schrift

Die Zukunft von Bold Text auf mobilen Plattformen

Moderne iOS- und Android-Versionen entwickeln Bold Text in Richtung feinerer Steuerung weiter: iOS 18 (2024) fügte pro-App-Schriftarteinstellungen einschließlich Fettungsgrad hinzu, und Android 16 (2025) erweiterte die font_weight_adjustment-API für Entwickler. Zukünftige Versionen werden voraussichtlich eine CSS-Media-Query für Bold Text bereitstellen, wodurch die JavaScript-Erkennung überflüssig wird.