Kusvika pakusvikika

Kusvika pakusvikika

Chishanu ndiko kupera kwezuva rekushanda. Nhau dzakaipa dzinogara dzichiuya pakupera kwezuva rekushanda neChishanu.

Iwe wave kuda kubuda muhofisi, tsamba itsva pamusoro pekumwe kurongazve ichangosvika mutsamba.

Ndatenda xxxx, yyy kubva nhasi unozotaura zzzz
...
Uye timu yaHugh ichaona kuti zvigadzirwa zvedu zvinowanikwa kune vanhu vakaremara.

Kwete! Ndakakodzerei izvi? Vanoda kuti ndiende here? Zvigadzirire basa rakaoma risina kutenda uye kuedza kugadzirisa kukanganisa kwevamwe vanhu. Chokwadi uku kukundikana...

Uku ndiko kwaive kuwanikwa makore mashoma apfuura. Mimwe mweya yevarombo yakapihwa basa re "kuchenesa" iyo UI kuyedza uye kuti iwanikwe kune vanhu vakaremara.

Zvazvaireva izvi zvaive zvisina kujeka - pamwe kana iwe waigona kuona chiratidzo chekutarisa uye tebhu kuburikidza neminda, uine mamwe manyoro ezvinyorwa uye akati wandei tsananguro yemunda, zvingafungidzirwa kuti application yako inowanikwa ...

Asi kamwe kamwe “tsikidzi” dzakatanga kuwanda nokumhanya kwemafungu.

Vakasiyana-siyana vanoverenga skrini (Shona Screen Readers) uye mabhurawuza akazvibata zvakasiyana zvachose.

Vashandisi vanyunyuta kuti app haigoneke.

Pakangogadziriswa kukanganisa pane imwe nzvimbo, imwe yakabuda mune imwe.

Uye kungochinja nekugadzirisa zvikanganiso zvemushandisi zvinoda Herculean kuedza.

Ndaivepo. Ini ndakapona, asi isu hatina "kubudirira" - tekinoroji takachenesa zvakanyanya, takawedzera yakawanda yetsanangudzo yemumunda, mabasa, uye takawana imwe nhanho yekuteerera, asi hapana aifara. Vashandisi vachiri kunyunyuta kuti havagone kufamba pachishandiswa. Maneja akanga achiri kunyunyuta pamusoro pemhosho dzenguva dzose. Mainjiniya vakanyunyuta kuti dambudziko rakaiswa zvisizvo, pasina mhinduro "yakarurama" yaizoshanda muzviitiko zvese.

Paive nedzimwe nguva dzekuvhura ziso parwendo rwangu rwekunzwisisa kuwanikwa.
Zvichida yekutanga yaive yekuziva kuti kuwedzera kuwanikwa kwekuita pamusoro pechigadzirwa chakapedzwa kwaive kwakaoma. Uye zvakatonyanya kuoma kugonesa mamaneja kuti zvakanyanya kuoma! Kwete, haisi kungo "wedzera ma tag mashoma" uye UI ichashanda zvakanaka. Kwete, izvi hazvigone kupedzwa mumavhiki matatu; kunyange mwedzi mitatu haingakwani.
Nguva yangu inotevera yechokwadi yakauya pandakaona pekutanga-ruoko kuti vashandisi mapofu vaishandisa sei app yedu. Izvi zvakasiyana chaizvo nekutarisa mameseji ekukanganisa.

Ini ndichadzoka kune izvi zvakare uye zvakare, asi dzinenge dzese "fungidziro" dzedu dzekuti vanhu vaishandisa sei app yedu zvaive zvisirizvo.

Kufamba neyakaoma mushandisi interface uchishandisa keystrokes Tab/Shift+Tab - izvi zvakaipa! Tinoda chimwe chinhu chiri nani. Keyboard mapfupi, misoro.

Kurasikirwa nekutarisa kana uchinje UI harisi dambudziko hombe, ndizvo here? Ngatifungei zvakare - izvi zvinokanganisa zvinoshamisa.

Ndakaenderera mberi, ndikashanda pamapurojekiti akasiyana kwechinguva, uye takabva tatanga purojekiti nyowani, ine yakaoma mushandisi interface uye kuisirwa kwakajeka, kuti pakupedzisira uwane kusvikika panguva ino.

Saka, isu takatora nhanho kumashure uye takatarisa kuti tingaite sei izvi zvakasiyana uye tibudirire, uye kuita kuti maitiro asaite kufinha!

Nenguva isipi takasvika kune dzimwe mhedziso:

  1. Isu takanga tisingadi kuti vanhu vanogadzira mushandisi interface kuti vavhiringike nearia mavara / mabasa uye, hongu, iyo HTML chimiro chezvikamu. Taifanira kuvapa zvinhu zvakafanira izvo zvakavaka kusvikika kunze kwebhokisi.
  2. Kuwanika == Kureruka kwekushandisa - kureva. Iyi haisiriyo dambudziko rehunyanzvi. Taifanira kushandura dhizaini yese uye tive nechokwadi chekuti kuwanikwa kwaitorwa uye kukurukurwa dhizaini yeUI isati yatanga. Iwe unofanirwa kufunga nekukurumidza kuti vashandisi vachawana sei chero mashandiro, mafambisirwo avachaita, uye nekudzvanya-kurudyi kubva kukhibhodi kuchashanda. Kuwanika kunofanira kunge kuri chikamu chakakosha chemaitiro ekugadzira - kune vamwe vashandisi zvakanyanya kupfuura kungoonekwa kwechishandiso.
  3. Kubva pakutanga, isu taida kuwana mhinduro kubva kumapofu uye nevamwe vashandisi vakaremara nezve kusununguka kwekushandisa kwekushandisa.
  4. Taida nzira dzakanaka chaizvo dzekubata svikiro regressions.

Zvakanaka, kubva pakuona kweinjiniya, chikamu chekutanga chainzwika kunakidza - kugadzira chivakwa uye kuita raibhurari yezvikamu. Uye zvechokwadi zvakanga zvakadaro.

Kutora nhanho kumashure, kutarisa ARIA mienzaniso uye nekufunga izvi sedambudziko rekugadzira kwete "kukodzera mukati" dambudziko, takaunza zvimwe zvinobatika. Chikamu chine 'Chimiro' (chine zvinhu zveHTML) uye 'Maitiro' (mabatiro aanoita nemushandisi). Semuenzaniso, mune snippets pazasi isu tine yakapfava isina kurongeka runyorwa. Nekuwedzera "maitiro" mabasa anoenderana anowedzerwa kune iyo rondedzero kuti iite senge runyorwa. Isu tinoita zvakafanana kune menyu.

Kusvika pakusvikika

Muchokwadi, haasi mabasa chete anowedzerwa pano, asiwo maitiko ekubata kwe keyboard navigation.

Izvi zvinotaridzika zvakanyanya kutsvinda. Kana tikakwanisa kuwana kupatsanurwa kwakachena pakati pavo, hazvina basa kuti chimiro chakagadzirwa sei, tinogona kushandisa Maitiro kwairi uye kuwana iyo yekusvikika kwayo.

Unogona kuona izvi muchiito pa https://stardust-ui.github.io/react/ - UX raibhurari Taura, iyo yakagadzirwa uye inoshandiswa nekugoneka mupfungwa kubva pakutanga.

Chikamu chechipiri - kushandura maitiro uye maitiro akatenderedza dhizaini zvakatanga kundityisa: mainjiniya akaderera achiedza kusundira kuburikidza neshanduko yesangano haipere zvakanaka nguva dzose, asi yakazova imwe yenzvimbo dzinonakidza kwatakaita mipiro yakakosha mukuita. . Muchidimbu, maitiro edu aive akadai: kushanda kutsva kwaizogadzirwa nechikwata chimwe chete, ipapo timu yedu yehutungamiriri yaizoongorora/kudzokorora chikumbiro ichi, uyezve, kana yangobvumidzwa, dhizaini yacho yaiwanzopihwa kuchikwata cheinjiniya. Muchiitiko ichi, timu yeinjiniya inonyatso "varidzi" basa rekuwanikwa nekuti raive basa ravo kugadzirisa chero nyaya dzine chekuita nazvo.

Pakutanga, raive basa rakaoma kutsanangura kuti kuwanikwa uye kushandiswa kwakabatana zvisingaite uye kuti izvi zvaifanira kuitwa padanho rekugadzira, zvikasadaro zvaizotungamira kune shanduko huru uye kutsanangurwa patsva kwemamwe mabasa. Nekudaro, nerutsigiro rwemanejimendi nevatambi vakakosha, isu takatora zano tikariisa mukufamba kuitira kuti madhizaini akaedzwa kuwanikwa uye kushandiswa asati aendeswa kune maneja.

Uye iyi mhinduro yaive yakakosha kumunhu wese - zvainakidza sechiitwa mukugovana ruzivo / kutaurirana pamusoro pekuti vashandisi vanodyidzana sei newebhu maapplication, takaona nzvimbo zhinji dzine dambudziko reUI dzisati dzavakwa, zvikwata zvebudiriro zvino zvine zvirevo zviri nani zvinoonekwa chete, asiwo maitiro ezvimiro zvekugadzira. Hurukuro chaidzo dzinonakidza, dzine simba, nhaurirano dzerudo pamusoro pehunyanzvi hwekuita nekudyidzana.

Isu taigona kuita izvi zvirinani dai taive nemapofu uye vakaremara vashandisi pamisangano iyi (kana yaitevera) - izvi zvaive zvakaoma kuronga, asi isu tiri kushanda nemasangano emapofu emunharaunda uye makambani, ayo anopa bvunzo dzekunze kuti aone kuyerera kwekuuraya pakutanga. kusimudzira-zvese pachikamu uye kuuraya kuyerera kwemazinga.

Mainjiniya ikozvino vane zvakatsanangurwa zvakatsanangurwa, zviripo zvikamu zvavanogona kushandisa kuita, uye nzira yekusimbisa kuyerera kwekuuraya. Chimwe chezvatakadzidzisa ndicho chatinga tisina nguva yose iyi—kuti tingamisa sei kudzoreredza. Saizvozvo, vanhu vanogona kushandisa kusanganisa kana kupedzisa-kusvika-kumagumo bvunzo kuyedza kushanda, izvo zvatinoda kuona shanduko mukudyidzana uye kuyerera kwekuita-zvese zvekuona uye maitiro.

Kuona kudzoreredzwa kwekuona ibasa rakanyatsotsanangurwa, pane zvishoma zvishoma zvinogona kuwedzerwa kune maitiro kunze kwekutarisa kuti kutarisa kunoonekwa here kana uchifambisa nekhibhodi. Zvimwe zvinonakidza matekinoroji maviri matsva ekushanda nekuwanikwa.

  1. Accessibility Insights seti yezvishandiso zvinogona kumhanya zvese mubrowser uye sechikamu chekuvaka / bvunzo kutenderera kuona matambudziko.
  2. Kuona kuti vanoverenga skrini vanoshanda nemazvo rave riri basa rakaoma. Nekutanga kwekuwana Accessibility DOM, tinopedzisira takwanisa kutora snapshots yekusvikika kweapp, sezvatinoita pabvunzo dzekuona, uye kuvayedza kuti vadzoke.

Saka, muchikamu chechipiri chenyaya - isu takatama kubva pakugadziridza HTML kodhi kuenda kushanda pamwero wepamusoro weabstraction, takashandura maitiro ekugadzira dhizaini uye takaunza kuyedza kwakadzama. Maitiro matsva, matekinoroji matsva, uye nhanho nyowani dzekubvisa zvakachinja zvachose mamiriro ekuwanikwa uye zvazvinoreva kushanda munzvimbo ino.
Asi izvi zvinongova kutanga.

Inotevera "kunzwisisa" ndeyekuti vashandisi mapofu vari kutyaira tekinoroji - ndivo vanobatsirwa zvakanyanya kwete chete neshanduko dzatakatsanangura kare, asiwo kuti nzira itsva uye pfungwa dzinogoneka neML / AI. Semuenzaniso, tekinoroji yeImmersive Reader inobvumira vashandisi kuburitsa zvinyorwa zviri nyore uye zvakajeka. Inogona kuverengwa zvinonzwika, maumbirwo emitsara akaputswa negirama, uye kunyangwe zvinoreva mazwi zvinoratidzwa zvine graphical. Izvi hazvikodzeri mune yekare "ita kuti iwanike" mafungiro zvachose - chinhu chekushandisa chinozobatsira munhu wese.

ML/AI iri kugonesa nzira nyowani dzekudyidzana nekushanda, uye isu tinofara kuva chikamu chezvikamu zvinotevera zverwendo urwu rwekuchera. Innovation inofambiswa neshanduko mukufunga - hunhu hwavepo kwemireniyamu, michina kwemazana emakore, mawebhusaiti kwemakumi emakore akati wandei, uye mafoni kunyange mashoma, tekinoroji inofanirwa kuenderana nevanhu, uye kwete zvinopesana.

P.S. Chinyorwa chakaturikirwa chine kamhosho kadiki kubva pane chepakutanga. Semunyori-mubatanidzwa wechinyorwa ichi, ndakabvumirana pane izvi kudonha naHugh.

Vashandisi vakanyoresa chete ndivo vanogona kutora chikamu muongororo. Nyorera mu, Munogamuchirwa.

Iwe unoteerera here kuwanikwa kwezvikumbiro zvako?

  • kuti

  • kwete

  • Aka ndekekutanga kunzwa nezve kuwanikwa kweapp.

17 vashandisi vakavhota. 5 vashandisi vakaramba.

Source: www.habr.com

Voeg