ஃபோகஸ் திசையின் அடிப்படையில் ஸ்விஃப்ட்டில் அணுகல்தன்மை உரையைத் தனிப்பயனாக்குதல்

டைனமிக் UI கூறுகளுக்கான வாய்ஸ்ஓவர் அணுகலை மேம்படுத்துகிறது

உள்ளடக்கிய iOS பயன்பாட்டை உருவாக்கும் போது, ​​டெவலப்பர்கள் அடிக்கடி VoiceOver செயல்பாட்டின் மூலம் தனித்துவமான சவால்களை எதிர்கொள்கின்றனர். UIView இன் அணுகல்தன்மை உரையானது ஃபோகஸ் இயக்கத்தின் திசையின் அடிப்படையில் மாறும் வகையில் மாற்றியமைக்க முடியுமா என்பது பொதுவான கேள்வியாகும். 🧭

மேல் லேபிள், கலங்களின் கட்டமாகச் செயல்படும் சேகரிப்புக் காட்சி மற்றும் கீழ் லேபிள் ஆகியவற்றைக் கொண்ட தளவமைப்பைக் கற்பனை செய்து பாருங்கள். சேகரிப்பு காட்சியில் உள்ள ஒவ்வொரு கலமும் தனித்தனியாக அணுகக்கூடியது, ஸ்கிரீன் ரீடர் பயனர்களுக்கு நெறிப்படுத்தப்பட்ட அனுபவத்தை வழங்குகிறது. ஆனால் சில நேரங்களில், இயல்புநிலை அணுகல்தன்மை பயனரின் தேவைகளை முழுமையாக பூர்த்தி செய்யாது.

உதாரணமாக, ஒரு பயனர் டாப் லேபிள் இலிருந்து சேகரிப்பு பார்வையில் முதல் கலத்திற்கு செல்லும்போது, ​​"n வரிசைகள் மற்றும் நெடுவரிசைகள் கொண்ட அட்டவணை" போன்ற கூடுதல் சூழலை வழங்குவது பயனுள்ளதாக இருக்கும். இது தெளிவு மற்றும் பயன்பாட்டினை மேம்படுத்துகிறது, குறிப்பாக கட்டங்கள் அல்லது சிக்கலான தரவு கட்டமைப்புகளுக்கு.

மறுபுறம், தலைகீழாகச் செல்லும்போது, ​​கீழே லேபிளில் இருந்து கடைசி செல் வரை, உரையைத் தனிப்பயனாக்குவது தொடர்புகளை மிகவும் உள்ளுணர்வு மற்றும் தடையற்றதாக உணர வைக்கும். நிஜ உலக உதாரணங்களைப் பயன்படுத்தி ஸ்விஃப்டில் இந்த டைனமிக் அட்ஜஸ்ட்மென்ட்டை எப்படி அடையலாம் என்று பார்ப்போம். 🚀

டைனமிக் ஃபோகஸுடன் அணுகல்தன்மை லேபிள்களை மேம்படுத்துதல்

முதல் ஸ்கிரிப்ட் எடுத்துக்காட்டில், உறுப்புகளுக்கு இடையே VoiceOver ஃபோகஸ் நகரும்போது கண்காணிக்க, UICollectionViewDelegate நெறிமுறையிலிருந்து `didUpdateFocusIn` முறையைப் பயன்படுத்துகிறோம். இந்த முறை டெவலப்பர்கள் முன்பு கவனம் செலுத்திய பார்வை மற்றும் அடுத்தது இரண்டையும் கண்டறிய அனுமதிக்கிறது, இது சூழல்-விழிப்புணர்வு மாற்றங்களுக்கு ஏற்றதாக அமைகிறது. அடுத்த ஃபோகஸ் செய்யப்பட்ட காட்சி UICollectionViewCell என்பதைச் சரிபார்ப்பதன் மூலம், ஸ்கிரிப்ட் மாறும் வகையில் அணுகல்லேபிள் பண்புகளை தொடர்புடைய சூழலுடன் புதுப்பிக்கிறது. உதாரணமாக, மேல் லேபிளில் இருந்து சேகரிப்பு கலத்திற்கு கவனத்தை நகர்த்தும்போது, ​​"" போன்ற தகவல்களைச் சேர்க்கிறோம்n வரிசைகள் மற்றும் நெடுவரிசைகள் கொண்ட அட்டவணை," உதவி தொழில்நுட்பங்களை நம்பியிருக்கும் பயனர்களுக்கு கூடுதல் தெளிவை வழங்குகிறது. 🧑‍💻

இரண்டாவது ஸ்கிரிப்ட், அறிவிப்பு மையம் ஐப் பயன்படுத்தி, `UIAccessibility.elementFocusedNotification` ஐக் கேட்கும் ஒரு பரந்த அணுகுமுறையை எடுக்கிறது. இந்த அறிவிப்பு ஆப்ஸ் முழுவதும் வாய்ஸ்ஓவர் ஃபோகஸில் மாற்றங்களை ஒளிபரப்புகிறது. இந்த அறிவிப்பைக் கையாள்வதன் மூலம், எந்த உறுப்பு கவனம் செலுத்துகிறது என்பதை ஸ்கிரிப்ட் மாறும் வகையில் தீர்மானித்து, அதற்கேற்ப அதன் அணுகல் லேபிளை புதுப்பிக்கிறது. சிக்கலான UI இல் உள்ள பல கூறுகளுக்கு ஒரே மாதிரியான ஃபோகஸ்-அவேர் புதுப்பிப்புகள் தேவைப்படும்போது இந்த அணுகுமுறை மிகவும் பயனுள்ளதாக இருக்கும். எடுத்துக்காட்டாக, ஊடாடும் கார்டுகளின் கட்டத்தை கற்பனை செய்து பாருங்கள், அங்கு ஒவ்வொரு அட்டையும் கவனம் செலுத்தும் திசையின் அடிப்படையில் அதன் விளக்கத்தை மாற்றுகிறது - இது அறிவிப்புகளைப் பயன்படுத்தி திறமையாக கையாளப்படுகிறது.

இரண்டு அணுகுமுறைகளும் மட்டு மற்றும் மீண்டும் பயன்படுத்தக்கூடியவை. முதல் ஸ்கிரிப்ட் UICollectionView உடன் இறுக்கமாக ஒருங்கிணைக்கப்பட்டுள்ளது, இது சேகரிப்பு காட்சிகளின் அடிப்படையில் UI களுக்கு சிறந்த தீர்வாக அமைகிறது. மறுபுறம், அறிவிப்பு அடிப்படையிலான ஸ்கிரிப்ட் மிகவும் நெகிழ்வானது மற்றும் லேபிள்கள் மற்றும் பொத்தான்களுடன் இணைந்த கட்டங்கள் போன்ற பல்வேறு தளவமைப்புகளில் நன்றாக வேலை செய்கிறது. `CustomAccessibilityLabel` போன்ற தனிப்பயன் பண்புகள் பயன்படுத்துவது, அணுகல்தன்மை உரைக்கான புதுப்பிப்புகள் UI உறுப்புகளின் அடிப்படை செயல்பாட்டில் குறுக்கிடாமல் இருப்பதை உறுதி செய்கிறது. எடுத்துக்காட்டாக, பயணப் பயன்பாட்டில், இலக்கு அட்டைக்கு கவனம் செலுத்தப்படும் போது, ​​கார்டின் விவரங்கள், அது பிரத்யேகப் பட்டியலின் ஒரு பகுதியாக உள்ளதா அல்லது பரிந்துரைகளின் பகுதியாக இருந்தாலும், பயனர் அனுபவத்தை மேம்படுத்தும். ✈️

இந்தச் செயலாக்கங்களுக்கான திறவுகோல் அணுகல்லேபிள் சுருக்கமாகவும் விளக்கமாகவும் இருப்பதை உறுதிசெய்வதாகும். ஃபோகஸ் ஷிப்ட்களின் போது திசைச் சூழலைச் சேர்ப்பது, சிக்கலான இடைமுகங்களை வழிநடத்தும் பயனர்களுக்கு குழப்பத்தைத் தடுக்கலாம். உதாரணமாக, "டாப் லேபிள் முதல் செல் 1, டேபிள்" என்று குறிப்பிடுவதன் மூலம், பயனர்கள் UI இல் தங்கள் நிலை மற்றும் அவர்கள் தொடர்பு கொள்ளும் அமைப்பு இரண்டையும் புரிந்து கொள்ள முடியும். அணுகல்தன்மை அம்சங்களின் இந்த சிந்தனைமிக்க ஒருங்கிணைப்பு WCAG வழிகாட்டுதல்களை சந்திப்பதோடு மட்டுமல்லாமல், உள்ளுணர்வு, பயனர்களை மையமாகக் கொண்ட அனுபவத்தையும் உருவாக்குகிறது. iOS ஆப்ஸ் மேம்பாட்டில் அணுகல்தன்மை முதல் தர குடிமகனாக இருப்பதை இரண்டு தீர்வுகளும் உறுதி செய்கின்றன.

// Approach 1: Using Accessibility Focus Delegates
import UIKit
class AccessibleCollectionViewCell: UICollectionViewCell {
    override var accessibilityLabel: String? {
        get {
            return customAccessibilityLabel
        }
        set {
            customAccessibilityLabel = newValue
        }
    }
    private var customAccessibilityLabel: String?
}
class ViewController: UIViewController, UICollectionViewDelegate {
    @IBOutlet weak var topLabel: UILabel!
    @IBOutlet weak var collectionView: UICollectionView!
    @IBOutlet weak var bottomLabel: UILabel!
    override func viewDidLoad() {
        super.viewDidLoad()
        collectionView.delegate = self
    }
    func collectionView(_ collectionView: UICollectionView,
                        didUpdateFocusIn context: UICollectionViewFocusUpdateContext,
                        with coordinator: UIFocusAnimationCoordinator) {
        if let nextFocusedCell = context.nextFocusedView as? AccessibleCollectionViewCell {
            let direction = context.previouslyFocusedView is UILabel ? "table with n Rows, n Columns" : ""
            nextFocusedCell.accessibilityLabel = "\(nextFocusedCell.customAccessibilityLabel ?? ""), \(direction)"
        }
    }
}

// Approach 2: Using Notification Center
import UIKit
class ViewController: UIViewController {
    @IBOutlet weak var collectionView: UICollectionView!
    private var lastFocusedElement: UIView?
    override func viewDidLoad() {
        super.viewDidLoad()
        NotificationCenter.default.addObserver(self,
                                               selector: #selector(handleFocusChange),
                                               name: UIAccessibility.elementFocusedNotification,
                                               object: nil)
    }
    @objc private func handleFocusChange(notification: Notification) {
        guard let userInfo = notification.userInfo,
              let focusedElement = userInfo[UIAccessibility.focusedElementUserInfoKey] as? UIView else { return }
        if let cell = focusedElement as? UICollectionViewCell,
           lastFocusedElement is UILabel {
            cell.accessibilityLabel = "\(cell.accessibilityLabel ?? ""), table with n Rows, n Columns"
        }
        lastFocusedElement = focusedElement
    }
}

டைனமிக் மற்றும் சூழல் அணுகல் அனுபவங்களை உருவாக்குதல்

அணுகல்தன்மை என்பது நவீன ஆப்ஸ் மேம்பாட்டின் ஒரு மூலக்கல்லாகும், குறிப்பாக iOS போன்ற தளங்களில் VoiceOver போன்ற உதவிக் கருவிகள் முக்கியப் பங்கு வகிக்கின்றன. ஒரு நுணுக்கமான மற்றும் அடிக்கடி கவனிக்கப்படாத அம்சம், வழிசெலுத்தலின் ஃபோகஸ் திசை அடிப்படையில் மாறும் சூழலை வழங்கும் திறன் ஆகும். கவனம் மேலிருந்து கீழாக நகர்கிறதா அல்லது நேர்மாறாக மாறுகிறதா என்பதைக் கண்காணிக்கும் தர்க்கத்தை செயல்படுத்துவதன் மூலம், டெவலப்பர்கள் உறுப்புகளின் அணுகல்தன்மை உரையில் அர்த்தமுள்ள விவரங்களைச் சேர்த்து, பயனர் அனுபவத்தை மேம்படுத்தலாம். எடுத்துக்காட்டாக, கட்டம் அடிப்படையிலான கேலரி பயன்பாட்டில், செல்கள் தங்கள் இருப்பிடத்தையும் சூழலையும் ஒரு தலைப்பிலிருந்து கட்டத்திற்கு மாற்றும்போது, ​​பயனர்கள் கட்டமைப்பிற்குள் தங்கள் இடத்தைப் புரிந்துகொள்ள உதவும். 🔍

மற்றொரு முக்கியமான விஷயம் என்னவென்றால், இந்த டைனமிக் சரிசெய்தல் UICollectionView மட்டும் அல்ல. UITableView, அடுக்குகள் அல்லது தனிப்பயன் காட்சிகள் போன்ற பிற உறுப்புகளுக்கும் இது பயன்படுத்தப்படலாம். எடுத்துக்காட்டாக, ஒரு பயனர் பல-பிரிவு அட்டவணையில் வழிசெலுத்தினால், ஃபோகஸ் உள்ளே நுழையும் அல்லது வெளியேறும் போது தலைப்புகள் அவற்றின் கீழே உள்ள வரிசைகளைப் பற்றிய சூழலைச் சேர்க்கலாம். VoiceOver மூலம் வழிசெலுத்தும் பயனர்கள் கூடுதல் முயற்சியின்றி இடைமுகத்தின் இடஞ்சார்ந்த மற்றும் படிநிலை விழிப்புணர்வைப் பெற முடியும் என்பதை இது உறுதிசெய்கிறது, பயன்பாட்டினை மேம்படுத்துகிறது மற்றும் WCAG தரநிலைகளுக்கு இணங்குகிறது. 🎯

அடிப்படை பயன்பாட்டு நிகழ்வுகளுக்கு அப்பால், இந்த நுட்பம் மேம்பட்ட தொடர்பு முறைகளையும் ஆதரிக்கிறது. உதாரணமாக, ஒரு கல்விப் பயன்பாட்டில், வினாடி வினா கேள்வி கவனம் பெறும்போது, ​​அது கேள்வி எண், மீதமுள்ள மொத்த கேள்விகள் அல்லது தலைப்பைப் பற்றிய குறிப்புகள் போன்ற விவரங்களை அறிவிக்கலாம். இத்தகைய விவரங்கள் நிச்சயதார்த்தத்தை மேம்படுத்துகின்றன மற்றும் உதவி தொழில்நுட்பங்களை நம்பியிருக்கும் பயனர்களுக்கு அறிவாற்றல் சுமையை குறைக்கின்றன. டெவலப்பர்கள் தங்கள் பயன்பாடுகள் பலதரப்பட்ட பார்வையாளர்களுக்கு திறம்படவும் அனைவரையும் உள்ளடக்கியும் சேவை செய்வதை உறுதிசெய்ய, இந்த மாறும் மேம்பாடுகளுக்கு முன்னுரிமை அளிக்க வேண்டும். 🌍