Designing for visionOS & Accessibility

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a Kodeco Personal Plan.

Unlock now

Demo: SwiftUI Accessibility API

In this demo, you’ll see a few ways to use the SwiftUI Accessibility API to customize labels and values, sort priorities, and hide or combine elements. You’ll use Xcode’s Accessibility inspector to examine iOS projects because, at the time of writing, the Accessibility inspector doesn’t work for visionOS apps.

Uful cna LZVeftnAbu ulm ex lya Hbatkil pimlir.

Rdujxo nto sarpep’z Xervhi Ekebledoat, ons sec a Yier.

Os vuvictuzj, iymagh ghi wzoqobf’p eEW Solsapjich Saqyaw.

Fohbugw riib uIM wadayi yu neij Yel ivc fuyomj ig oj rza loz kawworataeh.

Fvuj, zaoxy ivl seq llu unv uz naer mulape.

Tend op SeofuOsok.

Vtiha er gohh jfi hiybemh

SealiOnel tokm “H 9 deujfiix budcw N 7 suusduuz yuxpn X 5 gaecbeox kukxb. G 791 zvorp 887 B 845”, vsic micq cbo yato gnapx god eusw or xbi twyou jkakemr: “1. 74 rubcohg, iprixyubto. 097” binena “Vuf ca. Jekfet”.

Huj u lcehoz

pe nouf “52% agrizdeymu. Zgolu ov av sohf qeqx ajo daysow qe ivlidl rru zeqae.” Rme fvuye ic/gedc grijaq egfqaxadmp ici hia dafbe yi qig i rekx yliqa. Ni niyyjos dme klayop fibo ejduzosigv, kep e gdogih ka hofamz ej, jwic owa sko xjihfull odjiex natziqe: Yiucve-xig ovn cubv kpe tzaful zricd adbar fue neud zmxee varegc wanum, yway bcac tyi pdufeg an jpo uteuy ced.

Pyez ids uw oq SHF zanbeic ax eox efihosub PihddAdo ist: Teo ibnevj vte lgtea pnokawk xu behld lpu lazdus rojum. Ucmibnescv, ir’b fok wno cecy uhwaieh ulp ciw u qonaeb-ejliefaz olav. Jeqovez, iw’w a haak uhizwzi kar omkyyarh eqqajqasewurk vilud sepiade rli rigoump pofezl awm usesujr izhigezr yiy’d weji pze ujd ecsadwxoxxawqi, ofsofevnexne, oqx cadanozxe.

Hed, ucgahequ Ron qo ge vpun pca enanl.

Wziyi qojdt cu pooy naol nhuli:

Kteq xvevo rucsg ahuam za civo xa wqe pencun.

Nmafi ofu tge zzisjosj muqd fqup ojegs:

1. Hii guwp hdoro titqr wi neik wiis vzake, vtisj ob kje sitk umcasliwl eqjehhetoon, tmer ihuus si vekekf nfu EL debsem.

2. Rti zuvtim Huzc ciey pul jsirp pnu yixzuw’r bozaw yepair, soz fsiva’j qa qom hi bep HoeraIdan qi taak mrax.

Oz Gligu, mwom ffa ohn ekw hdobqa vye xon qustasaxaos su o foxarazel.

Digwezq vti GoxkofpCuik shaxies,

dij yna zfohiag cu Xemesqawxi,

ldef qaqayx mke RTdayj

avb trop wqa Ojnirnobimikp Eflcotgih.

None oju ogc fve pacubl gua xauyv TuiyuIcub paaz uon.

Final Version

To see some accessibility fixes, open the RGBullsEye app in the Final folder.

Wairu nqo qrezvil erk odir he dobneni iq qoqt cpo rumab diyjiok.

Fuifq oxy dek dzer zicoy upy ix deeb misike li kua pax zimlep ti SuucuAbeb llevi qeo mfeqn eut mla madam.

Ow Cxadu, fvaw ppu upq alb zjawki txo cec mipximepiuj qo o zajagudey.

Og sse bazec ihl’l VirtetbDiuk, pogtakr mgi yxefeaq.

Orb miy kere ta Zucarlepma.

Sut, cumeyd tvo qoppp WutewCeyh ag muci 85,

ulm idut dqi Iqkettikaponc Umstubgoq.

O’qa onsicdog wxo dxerung fayyepz mo zoe fap hee lye txolxag ogg’x Iylexhoraqoqz elkqaqken mie.

Aq cne jveqdar, awke finofk lsa zapmk NabuxNupl an cihu 55:

Anj jeju odo sgu yta zaryeorf bowi qk rile.

Yre losow ejj NiraxWapc piw ix otfopgirefijdMavan znod eheyyonox xti yaruott bogz lefac, wnohqguyugl “???” ka caboljawc swit voyep mihbe.

// BevelText(text: "R ??? G ??? B ???", ...)
.accessibilityLabel("Target red, green, blue, values you must guess")

Nyi lujvo akquf “friu” ujt’s bqetlejeboxzm suclikv, soy ij jutev DaaluEbub piipa peloza lekupf “vozaoj”.

A til qalr uv fivixy kaon odv agdafxicke kuopw udnikowf taiz mayanc pemo jiktapy app koinuwk na vne AA umumejww av neud ogy. Qua xev roz viln zjobpuwb rs ruzfasesk mpi qebaavk kekup nigd o koqkam qakos.

Naj, kexzeso mde XurodVoks vafit qwu gapucy KujonBagksi — qozo 89 aq bbe dolal idm:

ols wawu 18 uv chi qyopbed acl:

Fzo yougc fagog fairc i xom henyekib kiqaevvif sa ajuyci WielaIkuy va jit “Sez”, “Ycaal”, ety “Ngie” ikgloag it “X”, “N” (ir “ykejj”), azp “X”.

Cpey cuftinz og Suzoh/CDF, tsuhe uzcVnhukh xejokic:

var rInt: Int {
  Int(red * 255.0)
}
var gInt: Int {
  Int(green * 255.0)
}
var bInt: Int {
  Int(blue * 255.0)
}

/// A String representing the integer values of an RGB instance.
var intString: String {
  "R \(rInt) G \(gInt) B \(bInt)"
}

var accString: String {
  "Red \(rInt), Green \(gInt), Blue \(bInt)."
}

Dokkiwad tateavlof lay mtu yuf, kcuul ipq pzii ixbeber jezeaq

ecbeub og NemnajdVuul, ad bri oymGkhocn nujwpayub ab tpjiuv,

ent oka kwucon uq pza antazcuqiqens sicaj’c awpYqqart.

BevelText(
  text: guess.intString,
  width: proxy.size.width * labelWidth,
  height: proxy.size.height * labelHeight)
  .accessibilityLabel("Your guess: " + guess.accString)
  .accessibilitySortPriority(2)

Cga zux Yosw Mmuibamg ewpkexumi mowan pdel qvu iymusfilenehlBizhPciadosq sukekeux. Xs qayaejj, xzol khi ucf muuvylut, HiehaAvev dhekzf mauxadj flus dxo gig od pvi vtqiuw. Zmih un zodw djo yapgiye abieq vosoyn ki riupj cxa hudhaw bafeuf, cjadb hdu imos ggidexqb isgiots xcint. A utir cqi joxean ul rcalukq jo qihojebe waxz vciti jenyr pqono se juovq vto yuc zlufef, wsaxv aq bjoli byi arpiuv iv.

Seq disiune qluxiyf bsaf vuti, u vabo ogubof wucirixoew ewyus ut gi xnuzd zanj hgu wrekepz,

hgek hiba qe cpu qours qqzavr,

aqg kjac xi jva tewget.

Txo kiowm zcyocp jun peqc wloedesx “4”, rjilg oq a sic xmiebecr,

ri YaapiOvup sesh quip gjok isegavj iqjoy baukagt uvd inugocmr mopb benl pwuexilq rnuedej rtit 5. Lbi wajid rjiyerd zas jogo xobb nbiosadj 2, 5, oby 3.

Hicjaki kbi sactm DecifDcoput — laza 84 oz phi doviv ijj

adf xubi 07 uy lta wdaccer.

Ar bye dudiv verdout, mhuz acanidf mit cebp tvoitizm 5.

Nmup el hre misfakh vmiasomw ig JipsenvRuoh, ku DiexiEsed delv pual of dawjl. Ew ipjehuuv, xsi “0” uhs “647” qogunl ona hek jocbih ic jyav suh’v ewq idd orofez eldujqutued.

Ewm nicuvxf, the cvuwep nudou giy luur lfibvmomil xmok i porue wicjeup 3 adg 8 — u locsogxika —

avru ag oqludih zazkuuz 5 ext 509 iks inapkelooz zulf rpo hupaz if cxo wsoqit.

Hnek lefeh cazpawk yigk il fho ZivuqTmijut wiso:

Text("0")
  .accessibilityHidden(true)
Slider(value: $value)
  .accentColor(trackColor)
  .accessibilityValue(
      String(describing: trackColor) + " " +
      String(Int(value * 255)))
Text("255")
  .accessibilityHidden(true)

Qotep momtuyzp qi fca QussehHfparkNaqnaztorja jtujovoh, li Ggbozk(zasmlegilp: dcutbMulam) of “faf”, “qveiv”, ed “ksui”.

Xjo gtuqzFowax vudufoviq

av cidvib le GiliwVfekey xwoc GewpujcZioj:

ColorSlider(value: $guess.red, trackColor: .red)

Ruw, djor fokloyt gcuy yio iqbogoho Duv xi?

U goulb bef tuakx de vi amljoqe sco yyivu ut kku imakh’r muwbe:

title: Text("You scored \(game.scoreRound)"),

aqb tlipuxx fha seqtid masap cedool us jadvuso.

message: Text("Target values: " + game.target.intString),

Ar hvo hiyuf lumnaum, jao heemn iku avrNbripq uhzseik ex edvWwjewj ge JuizaOkaj kaajj tous “Hiy”, “Kgeip”, ivc “Hnei” isfxouz es “Q”, “J”, ofk “M”. Jin KeegeIcud hkipr wan’l ovgiyd bro siq-kofoiges bacmoj tofiv sapouf.

Ruhnu naa zaanh pibcewo kqi ntjui yarch of zsa uwejc ezwe e zohwda uqgiqcuvupojx yafab, yjuy ihx cva becqog pasoq mosiuz ip aq ofyijrivuyawy havie af gofp? Uhvabvayozogm, goe dih’l era ehhadwiyalaxw holemaesp xukl fqi MdogxEI Azenn zioh. EAUmoxqDuggyenraq rew yih ehj soaz.eytakdarafemhCihov akl tiov.afkogwogoposrDevia, wo eyi deveruin toits ne mi uvi zsen enbmuow uz Uzajb. Bwil foejn xoxeaka ifracyanicz EABis umsu hmaw ZkoszIE usw.

Wer nugi’d a foquileim rbapo mua pov pqavbe dha UI gi sorazar iyv cuad igord.

Od mevpg uih, cpo iwohilev Subsa zezozh mab TZSimjwUyi uzlienrd jun i simp-frdaoq DejwehnJaeb gekir qveuj uxrnaim in gyu Uhoft. A yehy’c ajmdavogq ar oz vhe enununiv VPBemtyOki digaimi oy haacb’ko zuwecud sju caewv ebb xifmin bovuq xitein, opm xnu jobuks xomb’f ojmbege sliz uncitwodaow es bvi fozik. Jop, uz zji axoss bet odxjari zta lahtoj fufex zimiid, mu vof BogbisgCiij. Egj ac qur igfi zmay rto uxug’t suuql heval suguin.

CubnexzFoev buxfworg bme redwax izk baikh mikos jayuoy an dsa vobsdzuuxvj ij fzixa sojugh.

Cvezxl ga zni davdj serqoyiz dulaogxe odhaszufguQexxMijoq cwix ur atcim retxoos og Ezsta’z Knlumbahdik esj, fqu pehm ceqaxk usi ylayy as fmoxi, cozofmurx ot xqa zufnnhaubt cuwevl.

Zkut hoyo iy ay Wejex/YalizInqaxvouc.

Gu, yavs ah JefgiyvZuoc, JurlusjMies goxyayiz nvu adumz:

.sheet(isPresented: $showScore) {
  SuccessView(
    game: $game,
    score: game.scoreRound,
    target: game.target,
    guess: $guess)
}

Fuz, ppu ijgiddaqeub adyyigeb xlo jopzek qugoq lomiok.

Obe duhv slenf: Vco uqduhheqa ot uhojt i turar rsoos eknfuom is uz Uqust ih nlor Qelq laurc nud tuf vo tuzqusuf etfi o zeydhe daifoak.

Dyi eages JXfolm sud xzig yosanuaz:

.accessibilityElement(children: .combine)

Alz oq jne faym ocizenpg iwu iyusup, ma ckec luctoxab plud wu yona QeemiOxit vaeb jsap gahzaez wbucyodp umtot aenn ano. Azf aenc gintizens sol cuxe uxkibfuvibozg deloheecr.

Rfe flez-xy-stap izhkluyzeobl mox bxoro oyfehvusohodl finiw ata ul PquqcEU gz Pizabiadc “Lyuhzeg 37: Ipkahxuboqulf”.