Tilpasning af tilgængelighedstekst i Swift baseret på fokusretning

Forbedring af VoiceOver-tilgængelighed for dynamiske brugergrænsefladeelementer

Når udviklere opretter en inkluderende iOS-app, står udviklere ofte over for unikke udfordringer med VoiceOver-funktionalitet. Et almindeligt spørgsmål er, om tilgængelighedsteksten i en UIView dynamisk kan tilpasse sig baseret på fokusbevægelsens retning. 🧭

Forestil dig et layout med en Top Label, en samlingsvisning, der fungerer som et gitter af celler, og en Bund Label. Hver celle i samlingsvisningen er uafhængig tilgængelig, hvilket giver en strømlinet oplevelse for skærmlæserbrugere. Men nogle gange opfylder standardtilgængelighedsadfærden ikke fuldt ud brugerens behov.

Når en bruger f.eks. navigerer fra Top Label til den første celle i samlingsvisningen, kan det være nyttigt at angive yderligere kontekst som "Tabel med n rækker og kolonner". Dette øger klarheden og anvendeligheden, især for gitter eller komplekse datastrukturer.

På den anden side, når du navigerer omvendt, fra Bundlabel tilbage til den sidste celle, kan tilpasning af teksten få interaktionerne til at føles mere intuitive og problemfrie. Lad os dykke ned i, hvordan denne dynamiske justering kan opnås i Swift ved hjælp af eksempler fra den virkelige verden. 🚀

Optimering af tilgængelighedsetiketter med dynamisk fokus

I det første script-eksempel bruger vi `didUpdateFocusIn`-metoden fra UICollectionViewDelegate-protokollen til at spore, hvornår VoiceOver-fokus flytter mellem elementer. Denne metode giver udviklere mulighed for at registrere både den tidligere fokuserede visning og den næste, hvilket gør den ideel til kontekstbevidste justeringer. Ved at kontrollere, om den næste fokuserede visning er en UICollectionViewCell, opdaterer scriptet dynamisk egenskaben accessibilityLabel med relevant kontekst. For eksempel, når vi flytter fokus fra den øverste etiket til en samlingscelle, tilføjer vi oplysninger som "tabel med n rækker og kolonner," giver yderligere klarhed for brugere, der er afhængige af hjælpeteknologier. 🧑‍💻

Det andet script tager en bredere tilgang ved at bruge NotificationCenter, der lytter efter `UIAccessibility.elementFocusedNotification`. Denne notifikation udsender ændringer i VoiceOver-fokus på tværs af appen. Ved at håndtere denne meddelelse bestemmer scriptet dynamisk, hvilket element der har fokus og opdaterer dets accessibilityLabel i overensstemmelse hermed. Denne tilgang er især nyttig, når flere komponenter i en kompleks brugergrænseflade har brug for lignende fokusbevidste opdateringer. Forestil dig for eksempel et gitter af interaktive kort, hvor hvert kort ændrer sin beskrivelse baseret på fokusretningen - dette håndteres effektivt ved hjælp af meddelelser.

Begge tilgange er modulære og genanvendelige. Det første script er tæt integreret med UICollectionView, hvilket gør det til en ideel løsning til brugergrænseflader, der er stærkt baseret på samlingsvisninger. På den anden side er det notifikationsbaserede script mere fleksibelt og fungerer godt på tværs af forskellige layouts, såsom gitter kombineret med etiketter og knapper. Brugen af ​​tilpassede egenskaber som "customAccessibilityLabel" sikrer, at opdateringer til tilgængelighedstekst ikke forstyrrer basisfunktionaliteten af ​​UI-elementer. For eksempel, i en rejseapp, når fokus skifter til et destinationskort, kan kortets detaljer dynamisk inkludere, om det er en del af en fremhævet liste eller anbefalinger, hvilket beriger brugeroplevelsen. ✈️

Nøglen til disse implementeringer er at sikre, at accessibilityLabel er kortfattet, men alligevel beskrivende. Tilføjelse af retningsbestemt kontekst, når fokus skifter, kan forhindre forvirring for brugere, der navigerer i komplekse grænseflader. For eksempel ved at angive "Top Label til celle 1, tabel", kan brugere forstå både deres position i brugergrænsefladen og den struktur, de interagerer med. Denne gennemtænkte integration af tilgængelighedsfunktioner opfylder ikke kun WCAG-retningslinjerne, men skaber også en intuitiv, brugercentreret oplevelse. Begge løsninger sikrer, at tilgængelighed forbliver en førsteklasses borger i iOS-appudvikling.

// 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
    }
}

Oprettelse af dynamiske og kontekstuelle tilgængelighedsoplevelser

Tilgængelighed er en hjørnesten i moderne app-udvikling, især for platforme som iOS, hvor hjælpeværktøjer som VoiceOver spiller en central rolle. Et nuanceret, men ofte overset aspekt, er evnen til at give dynamisk kontekst baseret på navigationens fokusretning. Ved at implementere logik, der sporer, om fokus flyttes fra top til bund eller omvendt, kan udviklere tilføje meningsfulde detaljer til tilgængelighedsteksten for elementer, hvilket beriger brugeroplevelsen. For eksempel kan celler i en gitterbaseret galleriapp beskrive deres placering og kontekst, når fokus skifter fra en overskrift til gitteret, hvilket hjælper brugerne med at forstå deres plads i strukturen. 🔍

Et andet afgørende punkt er, at denne dynamiske justering ikke er begrænset til UICollectionView. Det kan også anvendes på andre elementer som UITableView, stakke eller brugerdefinerede visninger. Hvis en bruger f.eks. navigerer i en tabel med flere sektioner, kan overskrifter tilføje kontekst om rækkerne under dem, når fokus går ind i eller forlader sektionen. Dette sikrer, at brugere, der navigerer med VoiceOver, kan opnå rumlig og hierarkisk bevidsthed om grænsefladen uden yderligere indsats, hvilket fremmer brugervenlighed og overholdelse af WCAG-standarder. 🎯

Ud over grundlæggende brugssager understøtter denne teknik også avancerede interaktionsmønstre. For eksempel, i en uddannelsesapp, når et quizspørgsmål får fokus, kan det annoncere detaljer som spørgsmålsnummeret, det samlede antal resterende spørgsmål eller endda hints om emnet. Sådanne detaljer øger engagementet og reducerer kognitiv belastning for brugere, der er afhængige af hjælpeteknologier. Udviklere skal prioritere disse dynamiske forbedringer for at sikre, at deres apps tjener forskellige målgrupper effektivt og inkluderende. 🌍