Bold Text em aplicativos móveis: o que é e como configurar o texto em negrito

O que é Bold Text em acessibilidade?

Bold Text é uma configuração do sistema em sistemas operacionais que força o uso de um peso de fonte em negrito para todos os elementos de texto da interface em vez do peso padrão (regular ou normal). Ao contrário de simplesmente aumentar o tamanho da fonte, o Bold Text não altera a escala — ele aumenta a espessura dos traços das letras, tornando-as mais ricas e contrastantes com o fundo.

Este recurso pertence à categoria de display accommodations — configurações de tela que ajudam pessoas com deficiência visual a perceber informações mais confortavelmente. O Bold Text é particularmente eficaz para baixa acuidade visual (ambliopia), hipermetropia relacionada à idade (presbiopia) e certas formas de dislexia onde as letras aparecem duplicadas ou borradas na espessura padrão.

O texto em negrito aumenta a legibilidade — a velocidade e precisão do reconhecimento de caracteres individuais. Estudos do Usability.gov mostram que o tipo em negrito melhora a precisão da leitura em 12–18% em usuários com deficiência visual em comparação com o tipo regular no mesmo tamanho de ponto. No entanto, o Bold Text não substitui a ampliação do texto — ambos os recursos podem ser combinados.

Diferença entre Bold Text e ampliação de fonte

A diferença chave entre Bold Text e Dynamic Type (iOS) ou Font Size (Android) é o mecanismo de efeito. A ampliação da fonte altera o tamanho das letras, enquanto o Bold Text afeta apenas a espessura. Ao ampliar a fonte, a capacidade da tela é afetada (menos conteúdo cabe em uma tela), enquanto o Bold Text preserva o número de elementos visíveis. Para usuários com presbiopia em estágios iniciais, o Bold Text geralmente é suficiente sem a necessidade de ampliar o texto.

Quem precisa de Bold Text

O público principal do Bold Text inclui pessoas com ambliopia (acuidade visual reduzida não corrigível com óculos), presbiopia (hipermetropia relacionada à idade após os 40–45 anos) e certas formas de dislexia. O recurso também é útil ao ler sob luz solar intensa — o texto em negrito mantém o contraste contra o brilho. Tecnologias assistivas como VoiceOver e TalkBack funcionam independentemente do Bold Text — a configuração afeta apenas a exibição visual.

Bold Text no iOS: configuração e princípio de funcionamento

No iOS, o Bold Text é um dos recursos de acessibilidade mais antigos, introduzido no iOS 7 (2013). A configuração está em Settings > Display & Brightness > Bold Text e requer reinicialização do iPhone: o sistema reconstrói todas as fontes nos aplicativos do sistema (Settings, Mail, Messages, Calendar, Notes) e aplicativos de terceiros que usam a fonte do sistema San Francisco.

Tecnicamente, o iOS substitui o arquivo de fonte do sistema San Francisco por sua variante Bold (SF Pro Bold / SF Pro Rounded Bold) no nível do framework CoreText. Após ativar o Bold Text, todo o texto na tela — desde cabeçalhos de navegação até rótulos de botões — é exibido com font-weight 700 em vez de 400. Um desenvolvedor não pode substituir esse comportamento para elementos do sistema, mas pode gerenciar fontes em sua própria interface através do Dynamic Type.

Para desenvolvedores, quando o Bold Text está ativado, todas as instâncias de UIFont com textStyle (.body, .headline, .caption e outros) recebem automaticamente peso negrito. O UIFontWeight existe em duas variantes: regular (0.0) e bold (1.0). Com o Bold Text ativo, o sistema aumenta o fontWeight em 0.3–0.5 para cada estilo. O status pode ser verificado através de UIAccessibility.isBoldTextEnabled.

Verificando Bold Text em um aplicativo iOS

Um desenvolvedor pode verificar se o Bold Text está ativado no dispositivo e adaptar a interface de acordo. Por exemplo, se os cabeçalhos de tabela já usam negrito, ativar o recurso pode exigir a redução do peso da fonte para evitar ruído visual. A verificação usa o framework UIAccessibility.

import UIKit

class BoldTextManager {

    // Verificando o status do Bold Text
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Adaptando a fonte para Bold Text
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // Reduzindo a negrito para evitar 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
        )
    }

    // Fonte em cache com suporte a Bold Text
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Assinando mudanças de Bold Text (Notificação)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Atualizar UI quando Bold Text mudar
    updateFonts()
}

A classe BoldTextManager verifica isBoldTextEnabled, adapta o peso da fonte (reduz heavy/bold para semibold/medium quando o recurso está ativo) e assina o boldTextStatusDidChangeNotification. Isso evita o efeito double-bold, onde um desenvolvedor já usa negrito para títulos e o sistema os engrossa ainda mais.

Impacto em UITableView e UICollectionView

O Bold Text afeta o layout das células de UITableView e UICollectionView, pois aumentar a espessura da fonte pode alterar a altura da linha. Ao usar células de tamanho automático (estimatedRowHeight + UITableView.automaticDimension), o iOS recalcula automaticamente a altura quando a fonte muda. Para alturas de célula fixas, o desenvolvedor precisa chamar reloadData() após receber o boldTextStatusDidChangeNotification, caso contrário o texto pode ser cortado.

Improve Readability no Android: o equivalente ao Bold Text

No Android, o recurso Bold Text é chamado de “Improve Readability” na interface de configurações e está localizado na seção de Acessibilidade. Em algumas versões do Android, especialmente em dispositivos Samsung One UI, o recurso é chamado de “High Contrast Text.” A configuração se aplica a todos os elementos do sistema e à maioria dos aplicativos de terceiros.

A implementação técnica no Android difere do iOS: em vez de substituir a fonte do sistema, o Android substitui o Typeface no nível do sistema através de Resources.Theme. Quando a configuração é ativada, o sistema altera o atributo android:textStyle para todos os elementos de texto, definindo bold ou italic+bold. Um desenvolvedor pode verificar o status através de Settings.Global.getFloat() ou AccessibilityManager.

Verificando Bold Text em um aplicativo Android

No Android, não há uma API direta equivalente a UIAccessibility.isBoldTextEnabled. A verificação é feita através de ContentResolver e Settings.System. A configuração é armazenada nas preferências globais como font_weight_adjustment. Para Jetpack Compose, é acessível através de LocalDensity e fontScale.

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

class AndroidBoldTextHelper {

    // Verificando legibilidade melhorada através das configurações do sistema
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — adaptação de 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 — aplicação via TypedValue
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // Reduzindo fakeBold se já ativado pelo sistema
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

A classe AndroidBoldTextHelper lê a configuração do sistema font_weight_adjustment, adapta o FontWeight no Jetpack Compose e remove o fakeBold duplicado no XML View. Ao contrário do iOS, o Android não fornece um canal de notificação para mudanças no Bold Text — o desenvolvedor verifica a configuração na inicialização da Activity ou através de ContentObserver.

ContentObserver para rastrear mudanças

Para rastrear mudanças no Bold Text em tempo de execução, um desenvolvedor Android pode usar ContentObserver. Quando a configuração font_weight_adjustment muda, o sistema notifica o ContentResolver e o aplicativo pode atualizar sua interface. Isso é importante para AccessibilityService e lançadores personalizados que devem responder instantaneamente às mudanças de configuração do usuário.

CSS font-weight: tipos de espessura de fonte

No desenvolvimento web, a espessura da fonte é controlada pela propriedade CSS font-weight com valores que variam de 100 (Thin) a 900 (Black). Os valores padrão incluem normal = 400 e bold = 700. O Bold Text no sistema operacional não afeta diretamente o CSS font-weight — os navegadores web não recebem um sinal do sistema sobre o Bold Text ativado no nível do CSS. No entanto, um desenvolvedor pode usar uma media feature do CSS se a plataforma a suportar.

Para iOS, o Safari suporta a função de mídia -webkit-text-size-adjust, mas não possui uma media query direta para Bold Text. No Android, o Chrome também não fornece uma media query para a configuração de texto em negrito do sistema. Recomenda-se que desenvolvedores web usem prefers-contrast e prefers-reduced-motion para adaptação e, para texto em negrito — verifiquem a configuração através de User-Agent ou estilos de fallback.

Uso de fontes variáveis (Variable Fonts)

As fontes variáveis (OpenType Font Variations) permitem o ajuste suave da espessura da fonte através do CSS font-weight no intervalo de 1–999 em incrementos de 1 unidade. Ao contrário das fontes padrão onde apenas valores discretos (400, 700) estão disponíveis, as fontes variáveis possibilitam escolher o peso ideal para cada usuário. Uma faixa mais ampla pode ser usada para configurações de acessibilidade.

/* Fonte variável com ajuste suave de espessura */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* Adaptação ao Bold Text do sistema 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 — abordagem alternativa */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

O exemplo de CSS mostra como carregar a fonte variável Inter Variable, usar propriedades personalizadas do CSS para controle de peso e adaptar via prefers-contrast: more. As fontes variáveis permitem aumentar o font-weight em 50–100 unidades quando o Bold Text do sistema está ativado sem perder qualidade de renderização. Para detectar o status do Bold Text no cliente, JavaScript pode verificar o User-Agent e adicionar uma classe ao elemento html.

Detecção de Bold Text com JavaScript em uma página web

Como o CSS não fornece uma media query direta para Bold Text, desenvolvedores web usam JavaScript: criam um elemento invisível com uma fonte conhecida, medem sua largura, alteram o font-weight e comparam a diferença. Se a diferença for maior que o esperado, o Bold Text do sistema provavelmente está ativo. Este método é usado em bibliotecas de acessibilidade para ajuste automático de estilos.

Como o Bold Text afeta a acessibilidade dos aplicativos

Bold Text aborda problemas específicos de usuários com deficiência visual: melhora a distinguibilidade de caracteres na ambliopia, reduz a fadiga visual durante leitura prolongada e compensa o baixo contraste da tela sob luz solar intensa. De acordo com o WebAIM Million (2025), 12.3% de todas as páginas têm texto com contraste insuficiente — o Bold Text pode compensar parcialmente esse defeito do lado do usuário.

Para desenvolvedores, o suporte ao Bold Text faz parte dos requisitos do WCAG 2.2: critério 1.4.1 (Uso de cor) e 1.4.3 (Contraste mínimo). O aplicativo deve exibir corretamente com a configuração de Bold Text do sistema ativada sem perda de conteúdo, sobreposição de elementos ou corte de texto. O teste com Bold Text ativado é obrigatório ao se preparar para publicação na App Store e Google Play.

Recomendações de teste

Ao testar um aplicativo com Bold Text, verifique: se todos os elementos de texto são exibidos completamente (sem corte), se a negrito é duplicada (double-bold), se as alturas das células nas tabelas são recalculadas corretamente e se os elementos se deslocam uns em relação aos outros. Use o Accessibility Inspector (Xcode) ou Accessibility Scanner (Android) para detectar automaticamente problemas com Bold Text.

• Xcode Accessibility Inspector — auditoria de fontes com simulação de modo Bold Text
• Android Accessibility Scanner — verificação de taxa de contraste e duplicação de font-weight
• UI Testing — testes de captura de tela com Bold Text ativado e desativado
• Dynamic Type testing — combinação de Bold Text + fonte ampliada

O futuro do Bold Text em plataformas móveis

Os iOS e Android modernos estão evoluindo o Bold Text para um controle mais preciso: o iOS 18 (2024) adicionou configurações de fonte por aplicativo, incluindo peso negrito, e o Android 16 (2025) expandiu a API font_weight_adjustment para desenvolvedores. Espera-se que versões futuras forneçam uma media query CSS para Bold Text, eliminando a necessidade de detecção com JavaScript.