मोबाइल ऐप्स में Bold Text: यह क्या है और बोल्ड टेक्स्ट कैसे सेट करें

Accessibility में Bold Text क्या है?

Bold Text ऑपरेटिंग सिस्टम की एक सिस्टम सेटिंग है जो मानक (regular या normal) वज़न के बजाय सभी टेक्स्ट इंटरफ़ेस तत्वों के लिए बोल्ड फ़ॉन्ट वज़न का उपयोग करने के लिए बाध्य करती है। केवल फ़ॉन्ट आकार बढ़ाने के विपरीत, Bold Text स्केल नहीं बदलता — यह अक्षरों के स्ट्रोक की मोटाई बढ़ाता है, जिससे वे पृष्ठभूमि पर अधिक समृद्ध और विपरीत दिखते हैं।

यह सुविधा display accommodations श्रेणी से संबंधित है — स्क्रीन सेटिंग्स जो दृश्य हानि वाले लोगों को जानकारी को अधिक आराम से समझने में मदद करती हैं। Bold Text विशेष रूप से कम दृश्य तीक्ष्णता (एम्ब्लियोपिया), उम्र से संबंधित दूरदर्शिता (प्रेस्बायोपिया) और डिस्लेक्सिया के कुछ रूपों में प्रभावी है जहां मानक मोटाई पर अक्षर दोहरे या धुंधले दिखाई देते हैं।

बोल्ड टेक्स्ट readability बढ़ाता है — व्यक्तिगत वर्णों को पहचानने की गति और सटीकता। Usability.gov के अध्ययन दिखाते हैं कि बोल्ड टाइपफ़ेस समान बिंदु आकार के regular टाइपफ़ेस की तुलना में दृश्य हानि वाले उपयोगकर्ताओं में पढ़ने की सटीकता में 12–18% सुधार करता है। हालांकि, Bold Text टेक्स्ट आवर्धन को प्रतिस्थापित नहीं करता — दोनों सुविधाओं को जोड़ा जा सकता है।

Bold Text और फ़ॉन्ट आवर्धन के बीच अंतर

Bold Text और Dynamic Type (iOS) या Font Size (Android) के बीच मुख्य अंतर प्रभाव का तंत्र है। फ़ॉन्ट आवर्धन अक्षरों का आकार बदलता है, जबकि Bold Text केवल मोटाई को प्रभावित करता है। फ़ॉन्ट बढ़ाने पर स्क्रीन क्षमता प्रभावित होती है (एक स्क्रीन पर कम सामग्री फिट होती है), जबकि Bold Text दृश्य तत्वों की संख्या को संरक्षित करता है। प्रारंभिक चरण के प्रेस्बायोपिया वाले उपयोगकर्ताओं के लिए, टेक्स्ट आवर्धन के बिना Bold Text अक्सर पर्याप्त होता है।

किसे Bold Text की आवश्यकता है

Bold Text के प्राथमिक दर्शकों में एम्ब्लियोपिया (चश्मे से ठीक न होने वाली कम दृश्य तीक्ष्णता), प्रेस्बायोपिया (40–45 वर्ष की आयु के बाद उम्र से संबंधित दूरदर्शिता) और डिस्लेक्सिया के कुछ रूपों वाले लोग शामिल हैं। यह सुविधा तेज धूप में पढ़ने पर भी उपयोगी है — बोल्ड टेक्स्ट चकाचौंध में विपरीतता बनाए रखता है। VoiceOver और TalkBack जैसी सहायक तकनीकें Bold Text से स्वतंत्र रूप से काम करती हैं — सेटिंग केवल दृश्य प्रदर्शन को प्रभावित करती है।

iOS में Bold Text: सेटिंग और कार्य सिद्धांत

iOS में, Bold Text सबसे पुरानी accessibility सुविधाओं में से एक है, जिसे iOS 7 (2013) में पेश किया गया था। सेटिंग Settings > Display & Brightness > Bold Text में स्थित है और इसके लिए iPhone को पुनरारंभ करना आवश्यक है: सिस्टम सिस्टम एप्लिकेशन (Settings, Mail, Messages, Calendar, Notes) और सिस्टम फ़ॉन्ट San Francisco का उपयोग करने वाले तृतीय-पक्ष ऐप्स में सभी फ़ॉन्ट को पुनर्निर्मित करता है।

तकनीकी रूप से, iOS CoreText फ्रेमवर्क स्तर पर सिस्टम फ़ॉन्ट फ़ाइल San Francisco को उसके Bold वेरिएंट (SF Pro Bold / SF Pro Rounded Bold) से बदल देता है। Bold Text सक्षम करने के बाद, स्क्रीन पर सभी टेक्स्ट — नेविगेशन हेडर से लेकर बटन लेबल तक — 400 के बजाय font-weight 700 के साथ प्रदर्शित होते हैं। एक डेवलपर सिस्टम तत्वों के लिए इस व्यवहार को ओवरराइड नहीं कर सकता लेकिन Dynamic Type के माध्यम से अपने स्वयं के UI में फ़ॉन्ट प्रबंधित कर सकता है।

डेवलपर्स के लिए, जब Bold Text सक्षम होता है, textStyle (.body, .headline, .caption और अन्य) वाले सभी UIFont इंस्टेंस स्वचालित रूप से बोल्ड वज़न प्राप्त करते हैं। UIFontWeight दो वेरिएंट में मौजूद है: regular (0.0) और bold (1.0)। Bold Text सक्रिय होने पर, सिस्टम प्रत्येक शैली के लिए fontWeight को 0.3–0.5 बढ़ा देता है। स्थिति UIAccessibility.isBoldTextEnabled के माध्यम से जांची जा सकती है।

iOS ऐप में Bold Text की जाँच करना

एक डेवलपर जाँच सकता है कि डिवाइस पर Bold Text सक्षम है या नहीं और तदनुसार इंटरफ़ेस को अनुकूलित कर सकता है। उदाहरण के लिए, यदि तालिका हेडर पहले से बोल्ड का उपयोग करते हैं, तो सुविधा को सक्षम करने पर दृश्य शोर से बचने के लिए फ़ॉन्ट वज़न कम करने की आवश्यकता हो सकती है। जाँच UIAccessibility फ्रेमवर्क का उपयोग करती है।

import UIKit

class BoldTextManager {

    // Bold Text स्थिति की जाँच
    static var isBoldTextEnabled: Bool {
        return UIAccessibility.isBoldTextEnabled
    }

    // Bold Text के लिए फ़ॉन्ट अनुकूलन
    static func adjustedFont(
        textStyle: UIFont.TextStyle,
        weight: UIFont.Weight
    ) -> UIFont {
        let baseFont = UIFont.preferredFont(
            forTextStyle: textStyle
        )
        guard isBoldTextEnabled else {
            return baseFont
        }
        // 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
        )
    }

    // Bold Text समर्थन वाला कैश्ड फ़ॉन्ट
    static func labelFont() -> UIFont {
        return adjustedFont(
            textStyle: .body,
            weight: .regular
        )
    }
}

// Bold Text परिवर्तनों की सदस्यता (सूचना)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Bold Text बदलने पर UI अपडेट करें
    updateFonts()
}

BoldTextManager वर्ग isBoldTextEnabled की जाँच करता है, फ़ॉन्ट वज़न को अनुकूलित करता है (सुविधा सक्रिय होने पर heavy/bold को semibold/medium में घटाता है) और boldTextStatusDidChangeNotification की सदस्यता लेता है। यह double-bold प्रभाव को रोकता है, जहां एक डेवलपर पहले से ही शीर्षकों के लिए बोल्ड का उपयोग करता है और सिस्टम उन्हें और अधिक मोटा कर देता है।

UITableView और UICollectionView पर प्रभाव

Bold Text UITableView और UICollectionView सेल के लेआउट को प्रभावित करता है, क्योंकि फ़ॉन्ट मोटाई बढ़ने से पंक्ति की ऊंचाई बदल सकती है। self-sizing सेल (estimatedRowHeight + UITableView.automaticDimension) का उपयोग करते समय, iOS फ़ॉन्ट बदलने पर स्वचालित रूप से ऊंचाई की पुनर्गणना करता है। निश्चित सेल ऊंचाइयों के लिए, डेवलपर को boldTextStatusDidChangeNotification प्राप्त करने के बाद reloadData() कॉल करने की आवश्यकता होती है, अन्यथा टेक्स्ट काटा जा सकता है।

Android में Improve Readability: Bold Text का समतुल्य

Android में, Bold Text सुविधा को सेटिंग्स इंटरफ़ेस में «Improve Readability» कहा जाता है और यह एक्सेसिबिलिटी अनुभाग में स्थित है। कुछ Android संस्करणों, विशेष रूप से Samsung One UI उपकरणों पर, सुविधा को «High Contrast Text» कहा जाता है। सेटिंग सभी सिस्टम तत्वों और अधिकांश तृतीय-पक्ष एप्लिकेशन पर लागू होती है।

Android पर तकनीकी कार्यान्वयन iOS से भिन्न है: सिस्टम फ़ॉन्ट को बदलने के बजाय, Android Resources.Theme के माध्यम से सिस्टम स्तर पर Typeface को ओवरराइड करता है। सेटिंग सक्रिय होने पर, सिस्टम सभी टेक्स्ट तत्वों के लिए android:textStyle विशेषता को बदलता है, bold या italic+bold सेट करता है। एक डेवलपर Settings.Global.getFloat() या AccessibilityManager के माध्यम से स्थिति की जाँच कर सकता है।

Android ऐप में Bold Text की जाँच करना

Android में, UIAccessibility.isBoldTextEnabled API का कोई सीधा समतुल्य नहीं है। जाँच ContentResolver और Settings.System के माध्यम से की जाती है। सेटिंग वैश्विक प्राथमिकताओं में font_weight_adjustment के रूप में संग्रहीत होती है। Jetpack Compose के लिए, यह LocalDensity और fontScale के माध्यम से सुलभ है।

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

class AndroidBoldTextHelper {

    // सिस्टम सेटिंग्स के माध्यम से improved readability की जाँच
    fun isBoldTextEnabled(context: Context): Boolean {
        return try {
            Settings.System.getInt(
                context.contentResolver,
                "font_weight_adjustment"
            ) == 1
        } catch (e: Settings.SettingNotFoundException) {
            false
        }
    }

    // Jetpack Compose — 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 — TypedValue के माध्यम से आवेदन
    fun applyBoldStyleFix(context: Context, textView: android.widget.TextView) {
        if (isBoldTextEnabled(context)) {
            val paint = textView.paint
            val fakeBold = paint.isFakeBoldText
            // यदि सिस्टम द्वारा पहले से सक्षम है तो fakeBold कम करना
            if (fakeBold) {
                paint.isFakeBoldText = false
                textView.invalidate()
            }
        }
    }
}

AndroidBoldTextHelper वर्ग सिस्टम सेटिंग font_weight_adjustment को पढ़ता है, Jetpack Compose में FontWeight को अनुकूलित करता है और XML View में डुप्लिकेट fakeBold को हटाता है। iOS के विपरीत, Android Bold Text परिवर्तनों के लिए कोई सूचना चैनल प्रदान नहीं करता — डेवलपर Activity स्टार्टअप पर या ContentObserver के माध्यम से सेटिंग की जाँच करता है।

परिवर्तनों को ट्रैक करने के लिए ContentObserver

रनटाइम पर Bold Text परिवर्तनों को ट्रैक करने के लिए, Android डेवलपर ContentObserver का उपयोग कर सकता है। जब font_weight_adjustment सेटिंग बदलती है, तो सिस्टम ContentResolver को सूचित करता है और ऐप अपना UI अपडेट कर सकता है। यह AccessibilityService और कस्टम लॉन्चर के लिए महत्वपूर्ण है जिन्हें उपयोगकर्ता सेटिंग परिवर्तनों पर तुरंत प्रतिक्रिया देनी चाहिए।

CSS font-weight: फ़ॉन्ट मोटाई के प्रकार

वेब डेवलपमेंट में, फ़ॉन्ट मोटाई को CSS गुण font-weight द्वारा नियंत्रित किया जाता है जिसके मान 100 (Thin) से 900 (Black) तक होते हैं। मानक मानों में normal = 400 और bold = 700 शामिल हैं। ऑपरेटिंग सिस्टम में Bold Text सीधे CSS font-weight को प्रभावित नहीं करता — वेब ब्राउज़र CSS स्तर पर सक्षम Bold Text के बारे में सिस्टम सिग्नल प्राप्त नहीं करते। हालांकि, एक डेवलपर CSS मीडिया फ़ीचर का उपयोग कर सकता है यदि प्लेटफ़ॉर्म इसका समर्थन करता है।

iOS के लिए, Safari -webkit-text-size-adjust मीडिया फ़ंक्शन का समर्थन करता है लेकिन उसके पास Bold Text के लिए सीधी media query नहीं है। Android पर, Chrome भी सिस्टम बोल्ड टेक्स्ट सेटिंग के लिए media query प्रदान नहीं करता। वेब डेवलपर्स को अनुकूलन के लिए prefers-contrast और prefers-reduced-motion का उपयोग करने की सलाह दी जाती है, और बोल्ड टेक्स्ट के लिए — User-Agent या फ़ॉलबैक स्टाइल के माध्यम से सेटिंग की जाँच करें।

वेरिएबल फ़ॉन्ट (Variable Fonts) का उपयोग

वेरिएबल फ़ॉन्ट (OpenType Font Variations) 1 यूनिट के अंतराल पर 1–999 की सीमा में CSS font-weight के माध्यम से फ़ॉन्ट मोटाई के सहज समायोजन की अनुमति देते हैं। मानक फ़ॉन्ट के विपरीत जहां केवल असतत मान (400, 700) उपलब्ध हैं, वेरिएबल फ़ॉन्ट प्रत्येक उपयोगकर्ता के लिए इष्टतम वज़न चुनना संभव बनाते हैं। एक्सेसिबिलिटी सेटिंग्स के लिए व्यापक रेंज का उपयोग किया जा सकता है।

/* सहज मोटाई समायोजन वाला वेरिएबल फ़ॉन्ट */
@font-face {
    font-family: "Inter Variable";
    src: url("/fonts/Inter-Variable.woff2")
        format("woff2-variations");
    font-weight: 100 900;
    font-stretch: 50% 200%;
}

/* क्लास के माध्यम से सिस्टम Bold Text में अनुकूलन */
.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 — फ़ॉलबैक दृष्टिकोण */
@media (prefers-contrast: more) {
    .content {
        --font-weight-increase: 100;
    }
    .content .text {
        font-weight: calc(
            var(--font-weight-base) +
            var(--font-weight-increase)
        );
    }
}

CSS उदाहरण दिखाता है कि Inter Variable वेरिएबल फ़ॉन्ट कैसे लोड करें, वज़न नियंत्रण के लिए CSS कस्टम प्रॉपर्टी का उपयोग करें और prefers-contrast: more के माध्यम से अनुकूलन करें। वेरिएबल फ़ॉन्ट रेंडरिंग गुणवत्ता खोए बिना सिस्टम Bold Text सक्षम होने पर font-weight को 50–100 यूनिट बढ़ाने की अनुमति देते हैं। क्लाइंट पर Bold Text स्थिति का पता लगाने के लिए, JavaScript User-Agent की जाँच कर सकता है और html एलिमेंट पर एक क्लास जोड़ सकता है।

वेब पेज पर JavaScript के साथ Bold Text का पता लगाना

चूंकि CSS Bold Text के लिए सीधी media query प्रदान नहीं करता, वेब डेवलपर JavaScript का उपयोग करते हैं: वे एक ज्ञात फ़ॉन्ट के साथ एक अदृश्य एलिमेंट बनाते हैं, इसकी चौड़ाई मापते हैं, font-weight बदलते हैं और अंतर की तुलना करते हैं। यदि अंतर अपेक्षा से अधिक है, तो सिस्टम Bold Text संभवतः सक्रिय है। यह विधि स्वचालित शैली समायोजन के लिए एक्सेसिबिलिटी लाइब्रेरी में उपयोग की जाती है।

Bold Text ऐप accessibility को कैसे प्रभावित करता है

Bold Text दृश्य हानि वाले उपयोगकर्ताओं की विशिष्ट समस्याओं का समाधान करता है: यह एम्ब्लियोपिया में वर्ण भेदभाव में सुधार करता है, लंबे समय तक पढ़ने के दौरान दृश्य थकान को कम करता है और तेज धूप में कम डिस्प्ले कंट्रास्ट की भरपाई करता है। WebAIM Million (2025) के अनुसार, 12.3% पृष्ठों में अपर्याप्त कंट्रास्ट वाला टेक्स्ट है — Bold Text उपयोगकर्ता की ओर से इस दोष की आंशिक भरपाई कर सकता है।

डेवलपर्स के लिए, Bold Text समर्थन WCAG 2.2 आवश्यकताओं का हिस्सा है: मानदंड 1.4.1 (रंग का उपयोग) और 1.4.3 (न्यूनतम कंट्रास्ट)। ऐप को सिस्टम Bold Text सेटिंग सक्षम होने पर सही ढंग से प्रदर्शित होना चाहिए बिना सामग्री हानि, तत्व ओवरलैप या टेक्स्ट कटौती के। App Store और Google Play प्रकाशन की तैयारी करते समय Bold Text सक्षम के साथ परीक्षण अनिवार्य है।

परीक्षण अनुशंसाएँ

Bold Text के साथ ऐप का परीक्षण करते समय जाँचें: क्या सभी टेक्स्ट तत्व पूरी तरह से प्रदर्शित होते हैं (बिना कटौती के), क्या बोल्डनेस डुप्लिकेट है (double-bold), क्या तालिकाओं में सेल ऊंचाई सही ढंग से पुनर्गणना की गई है और क्या तत्व एक दूसरे के सापेक्ष स्थानांतरित होते हैं। Bold Text समस्याओं को स्वचालित रूप से पहचानने के लिए Accessibility Inspector (Xcode) या Accessibility Scanner (Android) का उपयोग करें।

• Xcode Accessibility Inspector — Bold Text मोड सिमुलेशन के साथ फ़ॉन्ट ऑडिट
• Android Accessibility Scanner — कंट्रास्ट अनुपात और font-weight डुप्लिकेशन जाँच
• UI Testing — Bold Text सक्षम और अक्षम के साथ स्क्रीनशॉट परीक्षण
• Dynamic Type testing — Bold Text + बढ़े हुए फ़ॉन्ट का संयोजन

मोबाइल प्लेटफ़ॉर्म पर Bold Text का भविष्य

आधुनिक iOS और Android Bold Text को बेहतर नियंत्रण की ओर विकसित कर रहे हैं: iOS 18 (2024) ने प्रति-ऐप फ़ॉन्ट सेटिंग्स जोड़ीं, जिसमें बोल्ड वज़न शामिल है, और Android 16 (2025) ने डेवलपर्स के लिए font_weight_adjustment API का विस्तार किया। उम्मीद है कि भविष्य के संस्करण Bold Text के लिए CSS media query प्रदान करेंगे, जिससे JavaScript पहचान की आवश्यकता समाप्त हो जाएगी।