Juurdepääsetavuse teksti kohandamine Swiftis fookussuuna põhjal

Dünaamiliste kasutajaliidese elementide VoiceOveri juurdepääsetavuse täiustamine

Kaasava iOS-i rakenduse loomisel seisavad arendajad sageli silmitsi ainulaadsete väljakutsetega seoses funktsiooniga VoiceOver. Levinud küsimus on, kas UIView hõlbustusteksti saab fookuse liikumise suuna põhjal dünaamiliselt kohandada. 🧭

Kujutage ette paigutust Ülemise sildiga, lahtrite ruudustikuna toimiva koguvaatega ja Alumise sildiga. Iga lahter koguvaates on eraldi juurdepääsetav, pakkudes ekraanilugeja kasutajatele sujuvamat kasutuskogemust. Kuid mõnikord ei vasta vaikimisi juurdepääsetavuse käitumine täielikult kasutaja vajadustele.

Näiteks kui kasutaja navigeerib jaotisest Ülemine silt koguvaates esimesse lahtrisse, võib olla kasulik lisada lisakonteksti, näiteks „n rea ja veeruga tabel”. See suurendab selgust ja kasutatavust, eriti võrkude või keerukate andmestruktuuride puhul.

Teisest küljest, kui navigeerite tagurpidi, alates alumisest sildist tagasi viimase lahtrini, võib teksti kohandamine muuta interaktsioonid intuitiivsemaks ja sujuvamaks. Sukeldume sellesse, kuidas seda dünaamilist kohandamist saab Swiftis reaalsete näidete abil saavutada. 🚀

Juurdepääsetavuse siltide optimeerimine dünaamilise fookusega

Esimeses skriptinäites kasutame UICollectionViewDelegate protokolli meetodit „didUpdateFocusIn”, et jälgida, millal VoiceOver fookus elementide vahel liigub. See meetod võimaldab arendajatel tuvastada nii varem fokuseeritud vaadet kui ka järgmist, muutes selle ideaalseks kontekstiteadlikuks kohandamiseks. Kontrollides, kas järgmine fokuseeritud vaade on UICollectionViewCell, värskendab skript dünaamiliselt atribuuti accessibilityLabel asjakohase kontekstiga. Näiteks kui liigutame fookuse ülemiselt sildilt kogu lahtrisse, lisame sellise teabe nagu "n rea ja veeruga tabel”, pakkudes täiendavat selgust abitehnoloogiatele tuginevatele kasutajatele. 🧑‍💻

Teine skript kasutab laiemat lähenemisviisi, kasutades NotificationCenterit, kuulates parameetrit UIAccessibility.elementFocusedNotification. See teatis edastab VoiceOveri fookuse muudatused kogu rakenduses. Seda teatist käsitledes määrab skript dünaamiliselt, milline element on fookuses, ja värskendab vastavalt oma juurdepääsusilti. See lähenemine on eriti kasulik siis, kui keeruka kasutajaliidese mitu komponenti vajavad sarnaseid fookusteadlikke värskendusi. Kujutage näiteks ette interaktiivsete kaartide ruudustikku, kus iga kaart muudab oma kirjeldust fookuse suuna põhjal – seda käsitletakse tõhusalt teatiste abil.

Mõlemad lähenemisviisid on modulaarsed ja korduvkasutatavad. Esimene skript on tihedalt integreeritud UICollectionView-ga, muutes selle ideaalseks lahenduseks kasutajaliidese jaoks, mis põhinevad suuresti kogu vaadetel. Teisest küljest on teavituspõhine skript paindlikum ja töötab hästi erinevates paigutustes, nagu ruudustikud koos siltide ja nuppudega. Kohandatud atribuutide (nt „customAccessibilityLabel”) kasutamine tagab, et juurdepääsetavuse teksti värskendused ei häiri kasutajaliidese elementide põhifunktsioone. Näiteks reisirakenduses, kui fookus nihkub sihtkoha kaardile, võivad kaardi üksikasjad dünaamiliselt hõlmata seda, kas see on osa esiletõstetud loendist või soovitustest, rikastades kasutajakogemust. ✈️

Nende rakenduste võtmeks on tagada, et juurdepääsetavuse silt oleks lühike, kuid siiski kirjeldav. Suunakonteksti lisamine fookuse nihutamisel võib takistada keerulistes liidestes navigeerivate kasutajate segadust. Näiteks määrates "Ülemine silt lahtrisse 1, tabel", saavad kasutajad aru nii oma asukohast kasutajaliideses kui ka struktuurist, millega nad suhtlevad. See juurdepääsetavuse funktsioonide läbimõeldud integreerimine mitte ainult ei vasta WCAG juhistele, vaid loob ka intuitiivse ja kasutajakeskse kogemuse. Mõlemad lahendused tagavad, et juurdepääsetavus jääb iOS-i rakenduste arendamisel esmaklassiliseks kodanikuks.

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

Dünaamiliste ja kontekstuaalsete juurdepääsetavuse kogemuste loomine

Juurdepääsetavus on kaasaegse rakenduste arendamise nurgakivi, eriti selliste platvormide puhul nagu iOS, kus abitööriistad, nagu VoiceOver, mängivad keskset rolli. Nüansirikas, kuid sageli tähelepanuta jäetud aspekt on võime pakkuda dünaamilist konteksti, mis põhineb navigeerimise fookussuunal. Rakendades loogikat, mis jälgib, kas fookus liigub ülevalt alla või vastupidi, saavad arendajad lisada elementide juurdepääsetavuse tekstile sisukaid üksikasju, rikastades kasutajakogemust. Näiteks ruudustikupõhises galeriirakenduses võivad lahtrid kirjeldada oma asukohta ja konteksti, kui fookus nihkub pealkirjalt ruudustikule, aidates kasutajatel mõista oma kohta struktuuris. 🔍

Teine oluline punkt on see, et see dünaamiline reguleerimine ei piirdu UICollectionView-ga. Seda saab rakendada ka muudele elementidele, nagu UITableView, virnad või kohandatud vaated. Näiteks kui kasutaja navigeerib mitme jaotisega tabelis, võivad päised lisada konteksti nende all olevate ridade kohta, kui fookus jaotisesse siseneb või sealt väljub. See tagab, et VoiceOveriga navigeerivad kasutajad saavad ilma täiendavate pingutusteta liidese ruumilise ja hierarhilise teadlikkuse, edendades kasutatavust ja vastavust WCAG standarditele. 🎯

Lisaks tavalistele kasutusjuhtudele toetab see tehnika ka täiustatud suhtlusmustreid. Näiteks haridusrakenduses, kui viktoriiniküsimus keskendub, võib see teatada üksikasjad, nagu küsimuse number, järelejäänud küsimuste koguarv või isegi vihjed teema kohta. Sellised üksikasjad suurendavad kaasatust ja vähendavad abitehnoloogiatele tuginevate kasutajate kognitiivset koormust. Arendajad peavad neid dünaamilisi täiustusi eelistama, et nende rakendused teenindavad tõhusalt ja kaasavalt erinevaid vaatajaskondi. 🌍