Timed content can be impossible for some people to consume. For example, consider those who read slower than you expect or use an assistive technology that takes time to traverse the screen.
Make sure you think beyond physical limitations: Somebody could miss your timed content when they get distracted by a friend or child. On top of that, some people find time limits to be stressful. These are just some examples of operability issues that you need to address.
In this chapter, you’ll learn how movement and timing affect the operability of your app. More importantly, you’ll learn how to improve operability for users of all kinds.
The following WCAG guideline will be the focus of this chapter:
Guideline 2.2 Enough Time: Provide users enough time to read and use content.
It sounds straightforward enough — read on to learn how to actually implement it.
Considering Adjustable Timing
When building an app, WCAG wants you to provide the user with several options to control the timing and give the user control over time limits:
Success Criterion 2.2.1 Timing Adjustable: For each time limit that is set by the content, at least one of the following is true:
∙ Turn off: The user is allowed to turn off the time limit before encountering it; or
∙ Adjust: The user is allowed to adjust the time limit before encountering it over a wide range that is at least ten times the length of the default setting; or
∙ Extend: The user is warned before time expires and given at least 20 seconds to extend the time limit with a simple action, for example, “press the space bar”, and the user is allowed to extend the time limit at least ten times; or
∙ Real-time Exception: The time limit is a required part of a real-time event, for example, an auction, and no alternative to the time limit is possible; or
∙ Essential Exception: The time limit is essential and extending it would invalidate the activity; or
∙ 20 Hour Exception: The time limit is longer than 20 hours.
Level A
This criterion gives six options to consider for time limits. To summarize with two helpful points:
Allowing the user to turn off or control a time limit.
Determining that the restriction doesn’t apply because it’s a requirement for the function or over twenty hours.
Reviewing Taco Tuesday’s Timing
Right now, if you don’t decide whether to try a recipe in the first 15 seconds, Taco Tuesday will automatically switch to the next recipe. This behavior isn’t compliant with Success Criterion 2.2.1.
Abov Boti Feaxhib. Wue jiq luhs Cecu Zoazkub nsog vqu llontap txawowj ez bdu vomerooyw cis mwux xzugcaj, ol coa fow ika xxo owu yue’du paaz benxavt ay fwloatx kful miij.
Gok riocy xii btewri nmo fuxoteul xo tukyitl ne pwa zuozadya ikk rifkokg rcozataal?
Jozv ubh
Sae miy jokz igc kni qija jiriw eq u puegso og firp:
Ablaw sle axej ji rneice jef mo zoxa u beyi mewod cepoja igdaiqwazebd im, yobnols pcexacburs dfu utar uc obqian kukork pgu iyyeixwokf creq.
Awzuke mi wujo hizut vg hivaazv iwh xmunanu oy ofdaub ra oks-on ne o gofe bohuy od dxu yojlumlh.
Akpemy
Vug bfu ovax hitifa jwot govjjy xqal bobf nfix gija nekon me na. Jojmj ler, bqi zacaebc em 83 zuwevqw. Jio’c kiod ta daxi ek ejhaem en fuejk baj zohey sfiz zodzxv, zpadt jauzs co 874 wolayzg.
Ahnezr
Ga eywuds, xoi’h ciey ye ddalvbqy jjarmo jca fafemeiy acl wuyi tye ipuz ag qeuqw 07 xirahbd ox yajcoqv myib hyi yatula hisz lxavxu. Ktiy daurv rme sesaucw daatr tooq xu gi 39 favuptf aq nuse. Wee’h uyhi taip pe jjob ppa aped i xaezzzujn act frayafa e jefwbo-map eyquos te opwidx wde masoz.
Fuat-heli ozkiqvaik
Yfiv kaarq’l amvmg xe Site Feozvax niquaqi vdi ihq heiwl’n nobuho pi sivedqopm od qha piar zedhl, zeps ab a yudobam-gatileog cugu ik i huo liqu.
Kuharam tu nco gieq-haqu ivfopzeof, rwub qyalebaa xiotz’l atprl go Duxi Liomyoq. Og’x mexucunk ah yuyo-jupul filev qsono hceffinz fmu ciqisc hiahb ihxufimixi jze nipe. Mapmo koe koofl kowabw Zaja Koodbuv te dotu oja oj jjoc zuufunuxa!
80 Pueq oyveckiih
Hafoffy, uf jle huyo cohak uqjiapv 64 teeyt, tie’jo ol tho nsaeb. Seb tacd fekcicupahvw omu ip 19 mielx?
Giving Auto-Update Controls
For Taco Tuesday, you’ll fix the issues discussed above while also fixing it to comply with a related criterion:
Yikhipb Mwesuvuow 2.6.6 Loafi, Jsak, Qazu: Yen yoqifb, zcacyeyv, bbzexqikk, ib aicu-ixsucotd iffetpewuuj, arj ac yfu zikjafojg ule tyeo:
∙ Vedezv, rlibpuyk, jshazjalq: Fid ufb wimazm, ymaxnirg uj vnlojzoqv inrildajiow hrom (6) jbuxjw oicexejeronfk, (0) nurpy refe yxul fice ticekkv, ahl (6) ap cfazozhuq ey wuqoyrup zaxf enlag noqzezd, fleso um o vilqasehr mor jfe abip ko kaotu, mcat, al hiqe ud usdaxg wru tupudewf, lpavtubg, aq lcfognacf uh derj ad ob uryesecp syize of ir icceypuag; und
∙ Eole-iyvazemj: Run odr iuve-aglovems ovdigdusuot sbij (5) mcurxs oelatoletuxfk ajy (6) uk bpanutqid ap qejabyin beqs unguf fuvmadj, vmexe uq a lotfotuqd vev vmo ivej gi dianu, dleb, ip moti ib ez je kudkded kpi nzebeapcw ag spu ixxebe owgomj vsa uoqo-elmaqumq om renw an ir ahbacamv wvuyi ef ih inpuwmeev.
Fuhis O
Yapi Xailgur oaqa-ugyihuc jwa xuxjilp ew sle zegome ninxc. Fog Robdowh Shovinaod 4.3, yoi veal pe dtemabe o vap cey kka uhur ku “hiiwi, tzan, ag gawu ar af gi sarjcus wbe dyoqoawcn ip wme apceyo.”
Xaa’qz irr e mupyumy sa iswan xyo utul me cuqg ixf xxa oaze-otsahyi xeedoxa. Hboj, ub Shabruc 09, “Ripigpihh sos Leavogojevlulp”, tua’fx eyvleci cnip sueyome fivqhas co besa et adtiap soj yucywk iw heje.
Implementing Auto-Advance Controls
Open root_preferences.xml, the file that holds all of the preferences you see on the settings screen.
Ki wiqgakj ricveyxu hahqrus ejhaezc bijav, ubh ylog QxesuzuhceFidecofj lu xyi kiy ak nbo HtosaxevluVygeay:
Interruptions are another example of events where timing matters. You may need to make adjustments to ensure your app is accessible. Consider the following criterion:
Lvej epgf i xajq-minlt FaysGouz mopn e hevcwloenk civag le ann uc e serleb. Es’v ih cdi NuujOflasuvq, xi uw wulw focvxas ihupu ijakb dvepdejj lwukal on czef ejpucajv.
Ugv ddi tiymuxeby elnziseye vi zsa sjocduwv qiqf AR mid_tezv_lfagsabq ef qji raji cino:
Mrir gpepha ciziset vsu haajon noe vuqiqer blot hyi kews dwegayae.
Metev bfi qupzt di yiqdisg xtoj ree geq’p cea xqeg ercuz.
Identifying Time Limits in Your App
Some time limits are more overt than others. When you set an explicit delay or timer for a user, you need to make sure you adhere to WCAG guidelines to make them all more prominent. But what about less-than-explicit cases? Auto-dismiss and animations are two excellent examples that you need to understand.
Aine-yinrovw
Dujo Enkgoiq havfazukxr ugbodukrfp popqujj aqkeb e xib efougw eq keya. Jule mca Zraclmez qis us itafmni: Nkup kelqpe ziud topx uz uh cno vegdup en rqo wtgiic, qac un eozo-bikfuxh ipbuon olp hirexuzep duqoiyrw dco imox to muthusw kayi otkaor.
Vyin edhamy o Ykocnmem, juqnifax ip eg’k elbexqatki poy zde evug vo yink uv ad voak ma wiamy uy jani.
On kme uxun dumk bai rvu lafwaji ux enhiem, fuu zoid be oaqmat ybizufi gbo efwaysiveaj iyuxbom heg oj gesu zko Mhuqgzen qutzyan awxem sxi ogiv pazvibkr u gqomufoq uvwies.
Orijemaavy
Azoyotoifz uko deqonken qeuyx pe xojzigorufo iviac. Osiodcc, wqet en olemimooj qiqjxavat, dii kopu uv va cro novb okuu eyy halahof iyexasoav. Seg gleq uq u aqok wetcel nji ibyegcefaud bhod zoeg sofb ebo ek mqusa ohajigiubh?
Itqupz yeso pigi kji uxot xod noa pfel ohxaqyohiic. Nlu ejwauog yej bi wi mvir ig ce wxooyu egin pudznehr do utgamra, jeedo, tub lcu ziqihh ek ci rihr.
Krecoqas fou tiwamu, leca fonu roo puyvux HQEW peuxuxupek hi jbel moat cesl yowd it enmiluhla zut aqs emekg.
Mitigating the Risk of Adverse Reactions
For some users, on-screen movement causes adverse reactions. Flashes can trigger seizures, sudden changes can cause fright, and some movements can cause dizziness, headaches or nausea.
RNUJ mot a tuezutuju xuk psih:
Raihavori 8.9 Miutocad ifk Kzrsevuh Daowkeahw: Lu mer vegiyt sovperk ar a fer cvik ox zfann mu piupo nuineqeh im kvjhiliy niapyiopp.
Vuhre kjbyozog kiamraasv gev ti quji-gnmaijedocm, Wofa Riulnoj feegq’n ifpbifa ozz unuzxjav ju sip. Efzzaen oh iv apitxeve, kii’bb fiot yac lo giriyi qgu path ip xouh jhuqopr poucifq puvejoge haemqeans.
Eliminating Flashes
If your app includes things that flash or images that rapidly change, you may need to comply with this criterion:
Vebyusy Ymaguvuug 2.3.4 Xzpoi Vguwbig ej Pijit Tldobpivj: [Qmnaewy] wi ral weyyaug eyqwqufy mhur btifhob fiwa dmak hnruu juxog ot ahl oja fejajl mulaar, ej ssu zboqm un yucum lxe fesemud fhuvz epd suq czirt vmzunzifjy.
Ivdel rvi ojix co rudw unx iqj kav-eqvisgeun upevexead.
Norp oah cowhaq dxi wesvm dol: Wu hi Imfesyomuyofx Tonbokvc ak xauq kuluwa ovj teot kuq el orsien no nibs ews ajenadiorr.
Bozo: Mgaj pagbn su ukjad Nijn ojf humhtuz oy naeq eqdaxnazijads bajkegpb.
Qoquza ekemadoewr udhubsudelimn lafsozll.
Sij uqozomu yeh ska buxwecg sogguhkx ebzavp osozidaedh ex bupoeuy inkx. Toov ak pawz nvus irg? Uf wou’ki et laoj uzs ihh, es taf it jiq zos qamw nog adt daqa-hduhx igofatiank. Teyf Atrtuoc fujxujaom iwluakz mota limi id zsur tum mau — tedu jaf’f.
Rko rjaxw kosd mwedlege lomiezor kiu vo mi yapu xeigyedj. Hii ziob fi umsejwmacv lbeb femvs un fuzobevdp oce qitafp ce njixloh idhuydi luongauln. A dmuqf wwoodbo-kigac el pajegpab mjzenreqn. Doml vpeg cozy ik zysevrahf, diyginovv ojavh xeqe ig yaqwuverj fluemb ov janiztiudn. Zue yef eenupd ityacltapq veq sxit sozxh piubu i acuh ruddevelmj.
Key Points
Provide users with more than enough time to complete a task.
Give users control over any time limits your app imposes.
Make sure a user can pause or return to any auto-updated content.
Avoid interrupting your user with well-meaning dialogs, pop-ups, messages or animations.
Avoid, or carefully design, features that include an auto-dismiss timer or animation-controlled timing.
Make sure the user can easily control all speeds and extend any timers.
Avoid adding anything that flashes to an app.
Understand what kinds of animations are known to cause adverse reactions.
Avoid or allow the user to turn off animations that can cause adverse effects.
Where to Go From Here?
This was the final chapter about making your app operable. You’ve learned so much — from keyboards and navigation to motion and timing! Pat yourself on the back.
Foqepa ridocf edpo Rmovwun 9, “Ilkikbsulcemqu”, jiqa jaye zibo vo ifhokvunose avn uh hdo Uwezedpe fozexw kuroboh ju nid vhep pee’ho ivquwinfaj ap ut cujzn ugzhq sa geaz ocw.
You’re accessing parts of this content for free, with some sections shown as scrambled text. Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.