মোবাইল অ্যাপে 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 কীভাবে অ্যাপ অ্যাক্সেসিবিলিটি প্রভাবিত করে

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 সনাক্তকরণের প্রয়োজনীয়তা দূর করবে।