Kā padarīt VoiceOver draudzīgāku jūsu iOS lietotnē

Izstrādājot dažas izmaiņas izstrādes laikā, jūs varat izveidot labāku VoiceOver pieredzi lietotājiem.

Kopš Apple pirmo reizi ieviesa piekļuves funkcijas iOS apmēram pirms pieciem gadiem, uzņēmums ir paplašinājis šīs funkcijas trešo personu lietotnēs, izveidojot bagātīgu piekļuves API komplektu. Šīs API dod izstrādātājiem iespēju izveidot palīgprogrammas, kas sasniedz daudz plašāku lietotāju loku.

Lietotnes pieejamības nodrošināšana ir tikai sākums. Jums jābūt arī empātiskam attiecībā uz veidu, kā lietotājam var būt jāvirza piekļuves saturs jūsu lietotnēs.

Galvenokārt runājot par VoiceOver, padomājiet par veidiem, kā samazināt navigācijas slodzi, ko pieejamība var palielināt kā pieredzi. Turklāt atcerieties, kā VoiceOver var izklausīties lietotājam, kad tas paziņo saturu no viena ekrāna uz otru vai no viena komponenta uz nākamo.

Šajā apmācībā mēs parādīsim, kā sagrupēt piekļuves elementus sarežģītos skatos. Tas samazina elementu piespiešanas ātrumu ekrānā un padara navigācijas procesu lietotājiem nedaudz apgrūtinošu.

Pirms darba sākšanas pārliecināsimies, vai daži no pamatiem nav ievēroti.

Pieejamības īpašības, iemācieties viņus mīlēt

Pieejamības īpašības ir būtiskas, lai jūsu saturs būtu pieejams plašākai sabiedrībai. Pieejamības rekvizīti, uz kuriem mēs koncentrēsimies, ir: Pieejamības ieviešana, Grupas PieejamībaBērni, Pieejamības kabelis un Pieejamības padoms.

  • isAccessibilityElement: Pietiekami vienkārši, vai ne? Šī vērtība iOS norāda, vai tas ir elements, kuram var piekļūt palīgprogramma.
  • shouldGroupAccessibilityChildren: Tas izsaka, vai VoiceOver vajadzētu grupēt elementus, kas ir uztvērēja bērni, neatkarīgi no to atrašanās vietas ekrānā (t.i., šūnas UICollectionView un UITableView).
  • ibilityLabel: Tas ir tas, ko VoiceOver paziņos par doto piekļuves elementu. Tā ir īsa etiķete, kas identificē piekļuves elementu.
  • pieejamības padoms: parasti tas ir apraksts par to, kas ir vai var veikt konkrēts piekļuves elements. Piemēram, “divreiz pieskarieties, lai skatītu” vai “poga”.

VoiceOver ieslēgšanu Apple produktā var veikt vienā no diviem veidiem:

  • Manuāli: ierīcē dodieties uz Iestatījumi> Vispārīgi> Pieejamība> VoiceOver un pieskarieties VoiceOver ieslēgšanas stāvoklim. Vienreiz to ir viegli izdarīt, taču šīs darbības veikt vairākas reizes pēc kārtas pārbaudes laikā kļūst garlaicīgas. Par laimi, ir saīsne!
  • VoiceOver saīsne: ierīcē dodieties uz Iestatījumi> Vispārīgi> Pieejamība> Pieejamības saīsne un pārliecinieties, vai ir atlasīts VoiceOver. Tagad viss, kas jums jādara, lai ieslēgtu vai izslēgtu VoiceOver, ir trīsreiz pieskarieties pogai Sākums. Lieliski, vai ne?

Ja jums rodas jautājums, tas nedarbosies iOS simulatorā. Jums būs jāpārbauda savi piekļuves papildinājumi fiziskā ierīcē.

Sapratu? Lieliski, sāksim!

Pieejamības satura apvienošana grupās

Kā jau minēju iepriekš, navigācija caur piekļuves elementiem var ātri kļūt par apgrūtinošu darbību. Iedomājieties, vai ir jāpārvelk pa kreisi un pa labi starp katru etiķeti un attēlu, kas atrodas UICollectionViewController vai UITableViewController. Nav jautri, vai ne? Ko jūs varat darīt, lai padarītu to nedaudz panesamu?

Viens no veidiem, kā man patīk risināt šo problēmu, ir domāt par katru šūnu tajos gadījumos kā par vienu elementu. Tagad iedomājieties, vai jūs varētu pārvelciet pa kreisi un pa labi starp katru šūnu, jo šūna nolasa visu tās saturu, nevis marķē pēc etiķetes. Tas ir pareizi, Apple bagātīgā pieejamības API dod mums iespēju to izdarīt ar vienkāršu triku.

Apskatīsim, kā to izdarīt ar UICollectionView.

Vispirms kodā iestatiet piekļuves īpašības kolekcijas skatam. Skatīt piemēru zemāk.

// Pieejamība
collectionView.isAccessibilityElement = nepatiess
collectionView.shouldGroupAccessibilityChildren = true

Šeit mēs sakām, ka palīgprogramma rīkojas tā, it kā kolekcijas skata nebūtu. Tādējādi tas netiks izvēlēts, jo, ieslēdzot VoiceOver, lietotājs pārsit vecāku skatu. Es zinu, ka tas šķiet intuitīvi, bet neuztraucieties. Nākamais darbs, ko mēs veiksim, ir katra kolekcijas skata elements iestatīt kā piekļuves elementu.

Šajā piemērā mēs izmantosim piekļuvi UICollectionViewCell, kas parāda informāciju par mūzikas albumu. Katrā šūnā būs attēls, albuma nosaukums un izpildītāja vārds.

@IBOutlet var imageView: UIImageView!
@IBOutlet var titleLabel: UILabel!
@IBOutlet var artistLabel: UILabel!

Pirmkārt, mēs konfigurēsim savu šūnu:

galīgā func konfigurēšana (cellWithModel modelis: Album) {
    if let artworkName = model.artworkName {
        imageView.image = UIImage (nosaukts: artworkName)
    }
    artistLabel.text = model.artist? .name
    titleLabel.text = modelis.title
    pieteiktiesAccessibility ()
}

Pēc tam katram UICollectionViewCell piemērojiet piekļuves rekvizītus:

final func applyAccessibility () {
    isAccessibilityElement = true
    ibilityLabel = “\ (titleLabel.text!) \ (artistLabel.text!)”
    ibilityHint = “Lai spēlētu, divreiz pieskarieties.”
    imageView.isAccessibilityElement = nepatiess;
    artistLabel.isAccessibilityElement = nepatiess;
    titleLabel.isAccessibilityElement = nepatiess;
}

Kā redzat, katra šūna ir iestatīta kā piekļuves elements, kas, savukārt, pievieno to piekļuves vienību sarakstam vecāku skatam. Tas nozīmē, ka lietotājam pārvietojoties pa kolekcijas skata vienumiem, katram elementam būs iespēja aprakstīt tā saturu.

Pēc tam šūnas īpašībā pieejamības kabelis mēs pievienojām ne tikai nosaukuma Label tekstu, bet arī mākslinieka Label tekstu. Tādā veidā, kad VoiceOver runā ar lietotāju, viņi dzird mūsu albuma šūnā abu etiķešu saturu, nevis tikai vienu vai otru. Un, protams, mēs iestatām piekļuves īpašību īpašību, lai lietotāji varētu zināt, kas notiks, veicot dubultās pieskāriena darbību. Ņemiet vērā, ka piekļuves ieteikumi vienmēr tiks izrunāti pēc īsas pauzes pēc tam, kad būs lasīts elementa pieejamības kabelis. Jūs to uzreiz nedzirdēsit.

Visbeidzot, savā albuma šūnā mēs katra bērna elementa isAccessibilityElement vērtību iestatām par nepatiesu. Protams, šūnas iestatīšana par piekļuves elementu pēc noklusējuma padarīs tās bērnus par piekļuves elementiem.

Tagad, pēc visa tā, redzēsim, kā tas darbojas. Šis video parāda, kas notiktu, ja mēs neveiktu visas iepriekš minētās darbības, un pēc tam parāda piemēru, kurā mēs izmantojām savus piekļuves īpašumus.

Grupētie šūnu elementi ne tikai skan labāk, lasot VoiceOver, bet arī samazina navigāciju.

Piekļuves UICollectionViewCells padarīšana par skaņu kā cilvēku

Daudz laika es ievēroju, ka izstrādātāji savās lietotnēs steidz piekļuvi piekļuvei. To var izraisīt vairāki faktori, taču piekļuves elementa saturam parasti ir vajadzīgs tikai neliels mīlestības pieskāriens.

Iepriekšējā piemērā par to, kā mēs iestatām mūsu albuma šūnas AccessLabel, jūs ievērosit, ka dažos gadījumos tas diezgan ātri izlasa saturu. Bet ko tad, ja mēs uzrakstījām savas etiķetes līdzīgi kā runājam? Komata vai pat konjunktūras pievienošana var palīdzēt apzīmējumam skanēt labāk auditorijai, izveidojot pauzes VoiceOver diktātā.

Šis ir vienkāršs piemērs, kā vienkārši pievienot komatu mūsu albuma šūnas accessLabel.

ibilityLabel = “\ (titleLabel.text!), \ (artistLabel.text!)”

Tas ir smalks, bet efektīvs. Noskatieties šo īso video, lai uzzinātu, ko tas var mainīt. Videoklipā kreisajā pusē esošajās šūnās nav komatu, bet labajā pusē šūnas ir.

Darbs ar pieejamību prātā

Apple ir spēris pirmo soli un nodrošinājis izstrādātājiem iespēju izveidot atbalstītas lietojumprogrammas. Turpiniet šos centienus, pievienojot piekļuvi attīstības darba plūsmām. Tas ir vienkāršāk, nekā jūs domājat, un jūsu lietotnes lietotāji jums par to pateiksies!

Lai iegūtu vairāk ieskatu projektēšanā un attīstībā, abonējiet BPXL Craft un sekojiet Black Pixel vietnē Twitter.

Black Pixel ir radošu digitālo produktu aģentūra. Uzziniet vairāk vietnē blackpixel.com.