موبائل ایپس میں Bold Text: یہ کیا ہے اور بولڈ ٹیکسٹ کی ترتیب

Accessibility میں Bold Text کیا ہے؟

Bold Text آپریٹنگ سسٹمز میں ایک نظامی ترتیب ہے جو معیاری (regular یا normal) وزن کے بجائے تمام ٹیکسٹ انٹرفیس عناصر کے لیے بولڈ فونٹ وزن کے استعمال کو لازمی قرار دیتا ہے۔ محض فونٹ کا سائز بڑھانے کے برعکس، Bold Text پیمانہ تبدیل نہیں کرتا — یہ حروف کے اسٹروک کی موٹائی بڑھاتا ہے، انہیں پس منظر کے مقابلے میں زیادہ بھرپور اور متضاد بناتا ہے۔

یہ خصوصیت display accommodations (ڈسپلے ایڈجسٹمنٹ) کے زمرے سے تعلق رکھتی ہے — اسکرین کی ترتیبات جو بصارت سے محروم افراد کو معلومات کو زیادہ آرام سے محسوس کرنے میں مدد دیتی ہیں۔ Bold Text خاص طور پر کم بصری تیزی (ایمبلیوپیا)، عمر سے متعلق دور اندیشی (پریسبائیوپیا) اور ڈسلیکسیا کی بعض اقسام میں مؤثر ہے جہاں معیاری موٹائی پر حروف دوہرے یا دھندلے نظر آتے ہیں۔

بولڈ ٹیکسٹ readability — انفرادی حروف کو پہچاننے کی رفتار اور درستگی کو بڑھاتا ہے۔ Usability.gov کے مطالعے سے پتہ چلتا ہے کہ بولڈ ٹائپ فیس اسی پوائنٹ سائز کے ریگولر ٹائپ فیس کے مقابلے میں بصارت سے محروم صارفین میں پڑھنے کی درستگی میں 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 سیلز کے لے آؤٹ کو متاثر کرتا ہے، کیونکہ فونٹ کی موٹائی بڑھنے سے قطار کی اونچائی بدل سکتی ہے۔ خود سائز کرنے والے سیلز (estimatedRowHeight + UITableView.automaticDimension) استعمال کرتے وقت، iOS فونٹ بدلنے پر خود بخود اونچائی کا دوبارہ حساب لگاتا ہے۔ مقررہ سیل اونچائیوں کے لیے، ڈیولپر کو boldTextStatusDidChangeNotification موصول ہونے کے بعد reloadData() کال کرنے کی ضرورت ہے، ورنہ ٹیکسٹ کاٹا جا سکتا ہے۔

Android میں Improve Readability: Bold Text کا ہم مرتبہ

Android میں، Bold Text کی خصوصیت کو ترتیبات کے انٹرفیس میں «Improve Readability» کہا جاتا ہے اور یہ Accessibility سیکشن میں واقع ہے۔ کچھ 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 {

    // سسٹم ترتیبات کے ذریعے بہتر 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 کے لیے براہ راست میڈیا کوئری نہیں ہے۔ Android پر، Chrome بھی سسٹم کی بولڈ ٹیکسٹ ترتیب کے لیے میڈیا کوئری فراہم نہیں کرتا۔ ویب ڈیولپرز کو موافقت کے لیے prefers-contrast اور prefers-reduced-motion استعمال کرنے کا مشورہ دیا جاتا ہے، اور بولڈ ٹیکسٹ کے لیے — User-Agent یا فال بیک اسٹائل کے ذریعے ترتیب چیک کریں۔

متحرف فونٹس (Variable Fonts) کا استعمال

متحرف فونٹس (OpenType Font Variations) 1 یونٹ کے فرق سے 1–999 کی رینج میں CSS font-weight کے ذریعے فونٹ کی موٹائی کی ہموار ایڈجسٹمنٹ کی اجازت دیتے ہیں۔ معیاری فونٹس کے برعکس جہاں صرف مجرد قدریں (400، 700) دستیاب ہیں، متحرف فونٹس ہر صارف کے لیے بہترین وزن منتخب کرنا ممکن بناتے ہیں۔ accessibility ترتیبات کے لیے وسیع تر رینج استعمال کی جا سکتی ہے۔

/* ہموار موٹائی ایڈجسٹمنٹ کے ساتھ متحرف فونٹ */
@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 کے لیے براہ راست میڈیا کوئری فراہم نہیں کرتا، ویب ڈیولپرز JavaScript استعمال کرتے ہیں: وہ معروف فونٹ کے ساتھ ایک غیر مرئی عنصر بناتے ہیں، اس کی چوڑائی ناپتے ہیں، font-weight تبدیل کرتے ہیں اور فرق کا موازنہ کرتے ہیں۔ اگر فرق توقع سے زیادہ ہے تو سسٹم Bold Text غالباً فعال ہے۔ یہ طریقہ اسٹائل کی خودکار ایڈجسٹمنٹ کے لیے accessibility لائبریریوں میں استعمال ہوتا ہے۔

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 جانچ — Bold Text فعال اور غیر فعال کے ساتھ اسکرین شاٹ ٹیسٹ
• Dynamic Type جانچ — Bold Text + بڑے فونٹ کا امتزاج

موبائل پلیٹ فارمز پر Bold Text کا مستقبل

جدید iOS اور Android Bold Text کو مزید باریک کنٹرول کی طرف ترقی دے رہے ہیں: iOS 18 (2024) نے فی ایپ فونٹ کی ترتیبات شامل کیں، جس میں بولڈ وزن بھی شامل ہے، اور Android 16 (2025) نے ڈیولپرز کے لیے font_weight_adjustment API کو بڑھایا۔ توقع ہے کہ مستقبل کے ورژن Bold Text کے لیے CSS میڈیا کوئری فراہم کریں گے، جس سے JavaScript کا پتہ لگانے کی ضرورت ختم ہو جائے گی۔