Bold Text dans les applications mobiles : définition et configuration du texte en gras

Qu'est-ce que Bold Text en accessibilité ?

Bold Text est un paramètre système dans les systèmes d'exploitation qui impose l'utilisation d'un poids de police gras pour tous les éléments de texte de l'interface au lieu du poids standard (regular ou normal). Contrairement à une simple augmentation de la taille de la police, Bold Text ne change pas l'échelle — il augmente l'épaisseur des traits des lettres, les rendant plus riches et plus contrastées sur le fond.

Cette fonction appartient à la catégorie des display accommodations — des paramètres d'écran qui aident les personnes ayant une déficience visuelle à percevoir l'information plus confortablement. Bold Text est particulièrement efficace pour une faible acuité visuelle (amblyopie), la presbytie (hypermétropie liée à l'âge) et certaines formes de dyslexie où les lettres apparaissent doubles ou floues avec l'épaisseur standard.

Le texte en gras augmente la lisibilité — la vitesse et la précision de reconnaissance des caractères individuels. Des études d'Usability.gov montrent que la police en gras améliore la précision de lecture de 12–18% chez les utilisateurs ayant une déficience visuelle par rapport à la police régulière de même corps. Cependant, Bold Text ne remplace pas l'agrandissement du texte — les deux fonctions peuvent être combinées.

Différence entre Bold Text et l'agrandissement de police

La différence clé entre Bold Text et Dynamic Type (iOS) ou Font Size (Android) est le mécanisme d'effet. L'agrandissement de police modifie la taille des lettres, tandis que Bold Text n'affecte que l'épaisseur. En agrandissant la police, la capacité de l'écran est réduite (moins de contenu tient sur un écran), tandis que Bold Text préserve le nombre d'éléments visibles. Pour les utilisateurs atteints de presbytie à un stade précoce, Bold Text est souvent suffisant sans agrandissement du texte.

Qui a besoin de Bold Text

Le public principal de Bold Text comprend les personnes atteintes d'amblyopie (acuité visuelle réduite non corrigeable par lunettes), de presbytie (hypermétropie liée à l'âge après 40–45 ans) et de certaines formes de dyslexie. La fonction est également utile pour lire sous une lumière solaire intense — le texte en gras maintient le contraste contre les reflets. Les technologies d'assistance comme VoiceOver et TalkBack fonctionnent indépendamment de Bold Text — le paramètre n'affecte que l'affichage visuel.

Bold Text sous iOS : configuration et principe de fonctionnement

Sous iOS, Bold Text est l'une des plus anciennes fonctions d'accessibilité, introduite dans iOS 7 (2013). Le paramètre se trouve dans Settings > Display & Brightness > Bold Text et nécessite un redémarrage de l'iPhone : le système reconstruit toutes les polices dans les applications système (Settings, Mail, Messages, Calendar, Notes) et les applications tierces qui utilisent la police système San Francisco.

Techniquement, iOS remplace le fichier de police système San Francisco par sa variante Bold (SF Pro Bold / SF Pro Rounded Bold) au niveau du framework CoreText. Après avoir activé Bold Text, tout le texte à l'écran — des en-têtes de navigation aux libellés de boutons — s'affiche avec font-weight 700 au lieu de 400. Un développeur ne peut pas remplacer ce comportement pour les éléments système, mais peut gérer les polices dans sa propre interface via Dynamic Type.

Pour les développeurs, lorsque Bold Text est activé, toutes les instances UIFont avec textStyle (.body, .headline, .caption et autres) reçoivent automatiquement le poids gras. UIFontWeight existe en deux variantes : regular (0.0) et bold (1.0). Avec Bold Text actif, le système augmente fontWeight de 0.3–0.5 pour chaque style. L'état peut être vérifié via UIAccessibility.isBoldTextEnabled.

Vérification de Bold Text dans une application iOS

Un développeur peut vérifier si Bold Text est activé sur l'appareil et adapter l'interface en conséquence. Par exemple, si les en-têtes de tableau utilisent déjà le gras, l'activation de la fonction peut nécessiter de réduire le poids de la police pour éviter le bruit visuel. La vérification utilise le framework UIAccessibility.

import UIKit

class BoldTextManager {

    // Vérification de l'état de Bold Text
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Adaptation de la police pour Bold Text
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // Réduction du gras pour éviter le 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
        )
    }

    // Police mise en cache avec support Bold Text
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Abonnement aux changements de Bold Text (Notification)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Mettre à jour l'interface lors du changement de Bold Text
    updateFonts()
}

La classe BoldTextManager vérifie isBoldTextEnabled, adapte le poids de la police (réduit heavy/bold en semibold/medium lorsque la fonction est active) et s'abonne à boldTextStatusDidChangeNotification. Cela évite l'effet double-bold, où un développeur utilise déjà le gras pour les titres et le système les épaissit encore plus.

Impact sur UITableView et UICollectionView

Bold Text affecte la disposition des cellules de UITableView et UICollectionView, car l'augmentation de l'épaisseur de la police peut modifier la hauteur des lignes. Lors de l'utilisation de cellules à taille automatique (estimatedRowHeight + UITableView.automaticDimension), iOS recalcule automatiquement la hauteur lorsque la police change. Pour les hauteurs de cellule fixes, le développeur doit appeler reloadData() après avoir reçu boldTextStatusDidChangeNotification, sinon le texte peut être tronqué.

Improve Readability sous Android : l'équivalent de Bold Text

Sous Android, la fonction Bold Text s'appelle « Improve Readability » dans l'interface des paramètres et se trouve dans la section Accessibilité. Dans certaines versions d'Android, notamment sur les appareils Samsung One UI, la fonction s'appelle « High Contrast Text ». Le paramètre s'applique à tous les éléments système et à la plupart des applications tierces.

L'implémentation technique sous Android diffère d'iOS : au lieu de remplacer la police système, Android remplace le Typeface au niveau système via Resources.Theme. Lorsque le paramètre est activé, le système modifie l'attribut android:textStyle pour tous les éléments de texte, en définissant bold ou italic+bold. Un développeur peut vérifier l'état via Settings.Global.getFloat() ou AccessibilityManager.

Vérification de Bold Text dans une application Android

Sous Android, il n'existe pas d'API directe équivalente à UIAccessibility.isBoldTextEnabled. La vérification s'effectue via ContentResolver et Settings.System. Le paramètre est stocké dans les préférences globales sous le nom font_weight_adjustment. Pour Jetpack Compose, il est accessible via LocalDensity et fontScale.

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

class AndroidBoldTextHelper {

    // Vérification de la lisibilité améliorée via les paramètres système
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — adaptation 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 — application via TypedValue
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // Réduction de fakeBold s'il est déjà activé par le système
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

La classe AndroidBoldTextHelper lit le paramètre système font_weight_adjustment, adapte FontWeight dans Jetpack Compose et supprime le fakeBold dupliqué dans XML View. Contrairement à iOS, Android ne fournit pas de canal de notification pour les changements de Bold Text — le développeur vérifie le paramètre au démarrage de l'Activity ou via ContentObserver.

ContentObserver pour suivre les changements

Pour suivre les changements de Bold Text à l'exécution, un développeur Android peut utiliser ContentObserver. Lorsque le paramètre font_weight_adjustment change, le système notifie le ContentResolver et l'application peut mettre à jour son interface. Ceci est important pour AccessibilityService et les lanceurs personnalisés qui doivent répondre instantanément aux changements de paramètres utilisateur.

CSS font-weight : types d'épaisseur de police

Dans le développement web, l'épaisseur de la police est contrôlée par la propriété CSS font-weight avec des valeurs allant de 100 (Thin) à 900 (Black). Les valeurs standard incluent normal = 400 et bold = 700. Bold Text dans le système d'exploitation n'affecte pas directement CSS font-weight — les navigateurs web ne reçoivent pas de signal système concernant l'activation de Bold Text au niveau CSS. Cependant, un développeur peut utiliser une fonction média CSS si la plateforme la prend en charge.

Pour iOS, Safari prend en charge la fonction média -webkit-text-size-adjust mais ne dispose pas de requête média directe pour Bold Text. Sous Android, Chrome non plus ne fournit pas de requête média pour le paramètre système de texte en gras. Il est recommandé aux développeurs web d'utiliser prefers-contrast et prefers-reduced-motion pour l'adaptation, et pour le texte en gras — de vérifier le paramètre via User-Agent ou des styles de secours.

Utilisation des polices variables (Variable Fonts)

Les polices variables (OpenType Font Variations) permettent un réglage progressif de l'épaisseur de la police via CSS font-weight dans la plage de 1–999 par incréments d'une unité. Contrairement aux polices standard où seules des valeurs discrètes (400, 700) sont disponibles, les polices variables permettent de choisir le poids optimal pour chaque utilisateur. Une plage plus large peut être utilisée pour les paramètres d'accessibilité.

/* Police variable avec réglage progressif de l'épaisseur */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Adaptation au Bold Text système via classe */
.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 — approche de secours */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

L'exemple CSS montre comment charger la police variable Inter Variable, utiliser des propriétés personnalisées CSS pour le contrôle du poids et s'adapter via prefers-contrast: more. Les polices variables permettent d'augmenter font-weight de 50–100 unités lorsque le Bold Text système est activé sans perte de qualité de rendu. Pour détecter l'état de Bold Text côté client, JavaScript peut vérifier le User-Agent et ajouter une classe à l'élément html.

Détection de Bold Text avec JavaScript sur une page web

Étant donné que CSS ne fournit pas de requête média directe pour Bold Text, les développeurs web utilisent JavaScript : ils créent un élément invisible avec une police connue, mesurent sa largeur, modifient font-weight et comparent la différence. Si la différence est plus grande que prévu, le Bold Text système est probablement actif. Cette méthode est utilisée dans les bibliothèques d'accessibilité pour l'ajustement automatique des styles.

Comment Bold Text affecte l'accessibilité des applications

Bold Text répond à des problèmes spécifiques des utilisateurs ayant une déficience visuelle : il améliore la distinction des caractères dans l'amblyopie, réduit la fatigue visuelle lors de la lecture prolongée et compense le faible contraste de l'écran sous lumière solaire intense. Selon WebAIM Million (2025), 12,3 % de toutes les pages ont un texte avec un contraste insuffisant — Bold Text peut compenser partiellement ce défaut du côté de l'utilisateur.

Pour les développeurs, la prise en charge de Bold Text fait partie des exigences WCAG 2.2 : critère 1.4.1 (Utilisation de la couleur) et 1.4.3 (Contraste minimum). L'application doit s'afficher correctement avec le paramètre Bold Text système activé sans perte de contenu, chevauchement d'éléments ou troncature de texte. Les tests avec Bold Text activé sont obligatoires lors de la préparation à la publication sur l'App Store et Google Play.

Recommandations de test

Lors du test d'une application avec Bold Text, vérifiez : si tous les éléments de texte s'affichent complètement (sans troncature), si le gras n'est pas dupliqué (double-bold), si les hauteurs de cellule dans les tableaux sont correctement recalculées et si les éléments ne se déplacent pas les uns par rapport aux autres. Utilisez Accessibility Inspector (Xcode) ou Accessibility Scanner (Android) pour détecter automatiquement les problèmes avec Bold Text.

• Xcode Accessibility Inspector — audit des polices avec simulation du mode Bold Text
• Android Accessibility Scanner — vérification du rapport de contraste et de la duplication font-weight
• Tests UI — tests de capture d'écran avec Bold Text activé et désactivé
• Tests Dynamic Type — combinaison de Bold Text + police agrandie

L'avenir de Bold Text sur les plateformes mobiles

Les iOS et Android modernes font évoluer Bold Text vers un contrôle plus précis : iOS 18 (2024) a ajouté des paramètres de police par application, y compris le poids gras, et Android 16 (2025) a étendu l'API font_weight_adjustment pour les développeurs. Les versions futures devraient fournir une requête média CSS pour Bold Text, éliminant ainsi le besoin de détection par JavaScript.