Bold Text σε εφαρμογές κινητών: τι είναι, ρύθμιση έντονου κειμένου

Τι είναι το 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 — η ρύθμιση επηρεάζει μόνο την οπτική εμφάνιση.

Bold Text στο iOS: ρύθμιση και αρχή λειτουργίας

Στο iOS, το Bold Text — μία από τις παλαιότερες λειτουργίες προσβασιμότητας, που εμφανίστηκε στο iOS 7 (2013). Η ρύθμιση βρίσκεται στις Settings > Display & Brightness > Bold Text και απαιτεί επανεκκίνηση του iPhone: το σύστημα αναδομεί όλες τις γραμματοσειρές στις εφαρμογές συστήματος (Settings, Mail, Messages, Calendar, Notes) και σε εφαρμογές τρίτων που χρησιμοποιούν τη γραμματοσειρά συστήματος San Francisco.

Τεχνικά, το iOS αντικαθιστά το αρχείο της γραμματοσειράς συστήματος San Francisco με την έντονη παραλλαγή της (SF Pro Bold / SF Pro Rounded Bold) σε επίπεδο πλαισίου CoreText. Μετά την ενεργοποίηση του Bold Text, όλες οι γραμμές στην οθόνη — από τίτλους πλοήγησης έως κείμενο κουμπιών — εμφανίζονται με font-weight 700 αντί 400. Ο προγραμματιστής δεν μπορεί να παρακάμψει αυτή τη συμπεριφορά για στοιχεία συστήματος, αλλά μπορεί να διαχειριστεί τις γραμματοσειρές στη δική του διεπαφή μέσω Dynamic Type.

Για τον προγραμματιστή, το ενεργό Bold Text σημαίνει ότι όλα τα UIFont με textStyle (.body, .headline, .caption και άλλα) λαμβάνουν αυτόματα έντονη γραφή. Το UIFontWeight υπάρχει σε δύο παραλλαγές: regular (0.0) και bold (1.0). Με ενεργό Bold Text, το σύστημα αυξάνει το fontWeight κατά 0.3–0.5 για κάθε στυλ. Η κατάσταση μπορεί να ελεγχθεί μέσω UIAccessibility.isBoldTextEnabled.

Έλεγχος Bold Text σε εφαρμογή iOS

Ο προγραμματιστής μπορεί να ελέγξει εάν το 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 (Notification)
NotificationCenter.default.addObserver(
    self,
    selector: #selector(boldTextStatusChanged),
    name: UIAccessibility.boldTextStatusDidChangeNotification,
    object: nil
)

@objc func boldTextStatusChanged() {
    // Ενημέρωση διεπαφής κατά αλλαγή Bold Text
    updateFonts()
}

Η κλάση BoldTextManager ελέγχει το isBoldTextEnabled, προσαρμόζει το βάρος της γραμματοσειράς (μειώνει το heavy/bold σε semibold/medium όταν η λειτουργία είναι ενεργή) και εγγράφεται στην ειδοποίηση boldTextStatusDidChangeNotification. Αυτό αποτρέπει το φαινόμενο double-bold, όταν ο προγραμματιστής χρησιμοποιεί ήδη έντονη γραφή για κεφαλίδες και το σύστημα τις κάνει ακόμα πιο έντονες.

Επίδραση σε UITableView και UICollectionView

Το Bold Text επηρεάζει τη διάταξη των κελιών UITableView και UICollectionView, καθώς η αύξηση του πάχους της γραμματοσειράς μπορεί να αλλάξει το ύψος της σειράς. Κατά τη χρήση self-sizing cells (estimatedRowHeight + UITableView.automaticDimension), το iOS υπολογίζει αυτόματα το ύψος όταν αλλάζει η γραμματοσειρά. Για σταθερά ύψη κελιών, ο προγραμματιστής πρέπει να καλέσει το reloadData() μετά τη λήψη της ειδοποίησης boldTextStatusDidChangeNotification, διαφορετικά το κείμενο μπορεί να κοπεί.

Βελτιωμένη αναγνωσιμότητα στο Android: ανάλογο του Bold Text

Στο Android, η λειτουργία Bold Text ονομάζεται "Βελτιωμένη αναγνωσιμότητα" (Improve readability) στη διεπαφή ρυθμίσεων και βρίσκεται στην ενότητα "Προσβασιμότητα" (Accessibility). Σε ορισμένες εκδόσεις Android, ειδικά σε συσκευές Samsung One UI, η λειτουργία ονομάζεται "Κείμενο υψηλής αντίθεσης" ή High Contrast Text. Η ρύθμιση εφαρμόζεται σε όλα τα στοιχεία συστήματος και στις περισσότερες εφαρμογές τρίτων.

Η τεχνική υλοποίηση του Android διαφέρει από το iOS: αντί να αντικαθιστά τη γραμματοσειρά συστήματος, το Android παρακάμπτει το Typeface σε επίπεδο συστήματος μέσω Resources.Theme. Κατά την ενεργοποίηση της ρύθμισης, το σύστημα αλλάζει το χαρακτηριστικό android:textStyle για όλα τα κειμενικά στοιχεία, ορίζοντας bold ή italic+bold. Ο προγραμματιστής μπορεί να ελέγξει την κατάσταση μέσω Settings.Global.getFloat() ή AccessibilityManager.

Έλεγχος Bold Text σε εφαρμογή Android

Στο Android δεν υπάρχει άμεσο ισοδύναμο API του UIAccessibility.isBoldTextEnabled. Ο έλεγχος γίνεται μέσω 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 {

    // Έλεγχος βελτιωμένης αναγνωσιμότητας μέσω ρυθμίσεων συστήματος
    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, προσαρμόζει το FontWeight στο Jetpack Compose και αφαιρεί το διπλότυπο fakeBold στο XML View. Σε αντίθεση με το iOS, το Android δεν παρέχει κανάλι ειδοποίησης για την αλλαγή του Bold Text — ο προγραμματιστής ελέγχει τη ρύθμιση κατά την εκκίνηση του Activity ή μέσω ContentObserver.

ContentObserver για παρακολούθηση αλλαγών

Για την παρακολούθηση αλλαγών του Bold Text κατά τον χρόνο εκτέλεσης, ο προγραμματιστής Android μπορεί να χρησιμοποιήσει ContentObserver. Όταν αλλάζει η ρύθμιση font_weight_adjustment, το σύστημα ειδοποιεί το ContentResolver και η εφαρμογή μπορεί να ενημερώσει τη διεπαφή. Αυτό είναι σημαντικό για το AccessibilityService και προσαρμοσμένους εκκινητές που πρέπει να αντιδρούν άμεσα σε αλλαγές ρυθμίσεων χρήστη.

CSS font-weight: τύποι πάχους γραμματοσειράς

Στην ανάπτυξη ιστού, το πάχος της γραμματοσειράς ελέγχεται από την ιδιότητα CSS font-weight με τιμές από 100 (Thin) έως 900 (Black). Τυπικές τιμές: normal = 400, bold = 700. Το Bold Text στο λειτουργικό σύστημα δεν επηρεάζει άμεσα το CSS font-weight — τα προγράμματα περιήγησης ιστού δεν λαμβάνουν σήμα συστήματος για ενεργό Bold Text σε επίπεδο CSS. Ωστόσο, ο προγραμματιστής μπορεί να χρησιμοποιήσει τη συνάρτηση media CSS εάν η πλατφόρμα την υποστηρίζει.

Για iOS, το Safari υποστηρίζει τη συνάρτηση media -webkit-text-size-adjust, αλλά δεν έχει άμεσο media query για το Bold Text. Στο Android, το Chrome επίσης δεν παρέχει media query για τη ρύθμιση συστήματος έντονου κειμένου. Συνιστάται στους προγραμματιστές ιστού να χρησιμοποιούν prefers-contrast και prefers-reduced-motion για προσαρμογή, και για έντονο κείμενο — να ελέγχουν τη ρύθμιση μέσω User-Agent ή εφεδρικών στυλ.

Χρήση μεταβλητών γραμματοσειρών (Variable Fonts)

Variable Fonts (OpenType Font Variations) επιτρέπουν την ομαλή ρύθμιση του πάχους της γραμματοσειράς μέσω CSS font-weight στο εύρος 1–999 με βήμα 1 μονάδας. Σε αντίθεση με τις τυπικές γραμματοσειρές όπου είναι διαθέσιμες μόνο διακριτές τιμές (400, 700), οι variable fonts παρέχουν τη δυνατότητα επιλογής του βέλτιστου πάχους για κάθε χρήστη. Στις ρυθμίσεις προσβασιμότητας μπορεί να χρησιμοποιηθεί ευρύτερο εύρος.

/* Μεταβλητή γραμματοσειρά με ομαλή ρύθμιση πάχους */
@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. Οι variable fonts επιτρέπουν αύξηση του font-weight κατά 50–100 μονάδες με ενεργό σύστημα Bold Text χωρίς απώλεια ποιότητας απόδοσης. Για τον προσδιορισμό της κατάστασης Bold Text στην πλευρά του πελάτη, μπορεί να χρησιμοποιηθεί έλεγχος JavaScript του User-Agent και κλάση στο στοιχείο html.

Ανίχνευση Bold Text με JavaScript σε ιστοσελίδα

Καθώς το CSS δεν παρέχει άμεσο media query για το Bold Text, οι προγραμματιστές ιστού χρησιμοποιούν JavaScript: δημιουργούν ένα αόρατο στοιχείο με γνωστή γραμματοσειρά, μετρούν το πλάτος του, αλλάζουν το font-weight και συγκρίνουν τη διαφορά. Εάν η διαφορά είναι μεγαλύτερη από την αναμενόμενη — πιθανώς το σύστημα Bold Text είναι ενεργό. Αυτή η μέθοδος χρησιμοποιείται σε βιβλιοθήκες προσβασιμότητας για αυτόματη προσαρμογή στυλ.

Πώς επηρεάζει το Bold Text την προσβασιμότητα εφαρμογών

Bold Text λύνει συγκεκριμένα προβλήματα χρηστών με προβλήματα όρασης: αυξάνει τη διάκριση συμβόλων στην αμβλυωπία, μειώνει την οπτική κόπωση κατά τη μακρά ανάγνωση και αντισταθμίζει τη χαμηλή αντίθεση της οθόνης στο έντονο ηλιακό φως. Σύμφωνα με το WebAIM Million (2025), το 12,3% όλων των σελίδων έχουν κείμενο με ανεπαρκή αντίθεση — το Bold Text μπορεί να αντισταθμίσει μερικώς αυτό το ελάττωμα από την πλευρά του χρήστη.

Για τον προγραμματιστή, η υποστήριξη Bold Text εντάσσεται στις απαιτήσεις WCAG 2.2: κριτήριο 1.4.1 (Use of Color) και 1.4.3 (Contrast Minimum). Η εφαρμογή πρέπει να εμφανίζεται σωστά με ενεργοποιημένη τη ρύθμιση συστήματος Bold Text χωρίς απώλεια περιεχομένου, επικάλυψη στοιχείων ή περικοπή κειμένου. Η δοκιμή με ενεργό Bold Text είναι υποχρεωτική κατά την προετοιμασία για δημοσίευση στο App Store και το Google Play.

Συστάσεις δοκιμής

Κατά τη δοκιμή της εφαρμογής με Bold Text ελέγξτε: όλα τα κειμενικά στοιχεία εμφανίζονται πλήρως (χωρίς περικοπή), το πάχος δεν διπλασιάζεται (double-bold), τα ύψη κελιών στους πίνακες υπολογίζονται σωστά, τα στοιχεία δεν μετακινούνται μεταξύ τους. Χρησιμοποιήστε το Accessibility Inspector (Xcode) ή το Accessibility Scanner (Android) για αυτόματη ανίχνευση προβλημάτων με το Bold Text.

• Xcode Accessibility Inspector — έλεγχος γραμματοσειρών με προσομοίωση λειτουργίας Bold Text
• Android Accessibility Scanner — έλεγχος contrast ratio και διπλασιασμού font-weight
• UI Testing — δοκιμές στιγμιότυπων οθόνης με ενεργό και ανενεργό Bold Text
• Dynamic Type testing — συνδυασμός Bold Text + μεγεθυμένη γραμματοσειρά

Το μέλλον του Bold Text σε κινητές πλατφόρμες

Σύγχρονα iOS και Android αναπτύσσουν το Bold Text προς πιο λεπτές ρυθμίσεις: το iOS 18 (2024) πρόσθεσε ρυθμίσεις γραμματοσειράς ανά εφαρμογή, συμπεριλαμβανομένου του πάχους, και το Android 16 (2025) επέκτεινε το API font_weight_adjustment για προγραμματιστές. Αναμένεται ότι μελλοντικές εκδόσεις θα παρέχουν σε προγραμματιστές ιστού CSS media query για το Bold Text, εξαλείφοντας την ανάγκη για JS ανίχνευση.