Ngadto sa accessibility

Ngadto sa accessibility

Ang Biyernes mao ang katapusan sa adlaw sa pagtrabaho. Ang dili maayo nga balita kanunay moabut sa katapusan sa adlaw sa pagtrabaho sa Biyernes.

Mobiya na ka sa opisina, bag-ong sulat bahin sa laing reorganisasyon ang bag-o lang miabot sa koreo.

Salamat xxxx, yyy gikan karon magreport ka zzzz
...
Ug ang team ni Hugh mosiguro nga ang among mga produkto ma-access sa mga tawo nga adunay mga kakulangan.

Oh dili! Nganong angayan man ko niini? Gusto ba nila nga mobiya ako? Ibutang ang imong kaugalingon alang sa walay pasalamat nga kahago ug pagsulay sa pagtul-id sa mga sayop sa ubang mga tawo. Kini siguradong usa ka kapakyasan ...

Kini ang pagkaanaa pipila ka tuig ang milabay. Ang ubang mga kabus nga kalag gihatagan ug trabaho sa "paglimpyo" sa UI aron sulayan ug mahimo kini nga ma-access sa mga tawo nga adunay mga kakulangan.

Unsa ang tinuod nga gipasabut niini medyo dili klaro - tingali kung makakita ka usa ka indikasyon sa pokus ug tab pinaagi sa mga natad, adunay pipila ka alt text ug usa ka pares nga mga paghubit sa uma, maisip nga ang imong aplikasyon magamit ...

Apan sa kalit ang "mga bug" misugod sa pagdaghan sa gikusgon sa pagdahili.

Nagkalainlain nga screen reader (Iningles Mga Magbabasa sa Screen) ug mga browser nga hingpit nga lahi.

Ang mga tiggamit nagreklamo nga ang app dili magamit.

Sa diha nga ang usa ka sayup gitul-id sa usa ka dapit, lain ang mitungha sa lain.

Ug ang yano nga pagbag-o ug pagtul-id sa mga sayup sa user interface nanginahanglan mga paningkamot sa Herculean.

didto ko. Nakalahutay ko, apan wala kami "nagmalampuson" - sa teknikal nga paagi kami nanglimpyo og daghan, midugang og daghang mga paghulagway sa field, mga tahas, ug nakab-ot ang pipila ka lebel sa pagsunod, apan walay usa nga nalipay. Nagreklamo gihapon ang mga tiggamit nga dili sila maka-navigate sa aplikasyon. Nagreklamo gihapon ang manedyer bahin sa kanunay nga pag-agay sa mga sayup. Ang mga inhenyero nagreklamo nga ang problema gipahinabo nga dili husto, nga wala’y klaro nga gihubit nga "husto" nga solusyon nga magamit sa tanan nga mga kaso.

Adunay pipila ka klaro nga mga higayon nga nagbukas sa mata sa akong panaw aron masabtan ang pagka-access.
Tingali ang una mao ang pagkaamgo nga ang pagdugang sa pag-andar sa pagka-access sa ibabaw sa usa ka nahuman nga produkto lisud. Ug mas lisud ang pagkombinsir sa mga manedyer nga kini hilabihan ka lisud! Dili, dili lang kini "pagdugang pipila ka mga tag" ug ang UI molihok nga maayo. Dili, dili kini makompleto sa tulo ka semana; bisan ang tulo ka bulan dili igo.
Ang akong sunod nga gutlo sa kamatuoran miabut sa dihang akong nakita mismo kung giunsa paggamit sa mga buta nga tiggamit ang among app. Lahi kaayo kini sa pagtan-aw sa mga mensahe sa sayup.

Balikan ko kini pag-usab, apan hapit tanan sa among "pagpanghunahuna" kung giunsa gigamit sa mga tawo ang among app sayup.

Pag-navigate sa usa ka komplikado nga user interface gamit ang mga keystroke Tab/Shift+Tab - kini makapakurat! Nagkinahanglan kita og mas maayo. Mga shortcut sa keyboard, mga ulohan.

Ang pagkawala sa focus kung ang pagbag-o sa UI dili usa ka dako nga problema, dili ba? Atong hunahunaon pag-usab - kini hilabihan ka makalibog.

Nagpadayon ko, nagtrabaho sa lainlaing mga proyekto sa makadiyot, ug pagkahuman nagsugod kami usa ka bag-ong proyekto, nga adunay usa ka komplikado nga interface sa gumagamit ug usa ka tin-aw nga pag-instalar, aron sa katapusan makakuha og accessibility sa husto niining panahona.

Mao nga, mibalik kami ug gitan-aw kung giunsa namon kini ipatuman sa lahi nga paagi ug magmalampuson, ug himuon nga dili kaayo boring ang proseso!

Dali ra kaayo mi nakaabot sa pipila ka mga konklusyon:

  1. Dili namo gusto nga ang mga tawo nga nag-develop sa user interface magsamok sa mga label / tahas sa aria ug, siyempre, ang istruktura sa HTML sa mga sangkap. Kinahanglan namon nga hatagan sila sa husto nga mga sangkap nga nagtukod og accessibility gikan sa kahon.
  2. Accessibility == Kasayon ​​sa paggamit - i.e. Dili lang kini usa ka teknikal nga hagit. Kinahanglan namong usbon ang tibuok proseso sa disenyo ug siguruha nga ang accessibility gikonsiderar ug gihisgutan sa wala pa magsugod ang disenyo sa UI. Kinahanglan nimong hunahunaon nga sayo kung giunsa mahibal-an sa mga tiggamit ang bisan unsang gamit, kung giunsa nila pag-navigate, ug kung giunsa ang pag-klik sa tuo gikan sa keyboard. Ang pagka-access kinahanglan usa ka hinungdanon nga bahin sa proseso sa pagdesinyo - alang sa pipila nga mga tiggamit kini labi pa sa hitsura sa aplikasyon.
  3. Gikan sa sinugdanan, gusto namong makakuha og feedback gikan sa mga buta ug uban pang mga baldado nga tiggamit bahin sa kasayon ​​sa paggamit sa aplikasyon.
  4. Nagkinahanglan kami og maayo kaayo nga mga paagi aron makuha ang mga pagbag-o sa pagka-access.

Aw, gikan sa punto sa inhenyero, ang una nga bahin morag makalingaw - pagpalambo sa usa ka arkitektura ug pagpatuman sa usa ka librarya sa mga sangkap. Ug sa pagkatinuod kadto mao.

Mibalik og lakang, nangita Mga pananglitan sa ARIA ug pinaagi sa paghunahuna niini isip usa ka problema sa disenyo imbes nga usa ka "haom sa" problema, among gipaila ang pipila ka abstraction. Ang usa ka component adunay usa ka 'Structure' (naglangkob sa HTML nga mga elemento) ug usa ka 'Behaviour' (kung giunsa kini makig-uban sa user). Pananglitan, sa mga snippet sa ubos kami adunay usa ka yano nga wala masunud nga lista. Pinaagi sa pagdugang sa "mga pamatasan" ang katugbang nga mga tahas idugang sa lista aron mahimo kini nga usa ka lista. Gibuhat namon ang parehas alang sa menu.

Ngadto sa accessibility

Sa tinuud, dili lamang ang mga tahas ang gidugang dinhi, apan usab ang mga tigdumala sa panghitabo alang sa pag-navigate sa keyboard.

Kini tan-awon nga mas hapsay. Kung makakuha kami usa ka limpyo nga pagbulag sa taliwala nila, dili igsapayan kung giunsa ang pagkagama sa istruktura, mahimo namon nga magamit ang Mga pamatasan niini ug makuha ang pagka-access nga tama.

Makita nimo kini sa aksyon sa https://stardust-ui.github.io/react/ - librarya sa UX React, nga gidesinyo ug gipatuman uban ang accessibility sa hunahuna gikan sa sinugdanan.

Ang ikaduha nga bahin - ang pagbag-o sa pamaagi ug mga proseso sa palibot sa disenyo sa sinugdan nahadlok kanako: ang ubos nga mga inhenyero nga naningkamot sa pagduso sa pagbag-o sa organisasyon dili kanunay nga maayo, apan nahimo kini nga usa sa labing makapaikag nga mga lugar diin kami nakahatag hinungdanon nga kontribusyon sa proseso. . Sa laktud nga pagkasulti, ang among proseso mao ang mosunod: bag-ong kagamitan ang himoon sa usa ka team, unya ang among leadership team morepaso/mosubli sa proposal, ug unya, sa higayon nga maaprobahan, ang disenyo kasagarang itugyan ngadto sa engineering team. Sa kini nga kaso, ang team sa engineering epektibo nga "nagtag-iya" sa pag-andar sa pagka-access tungod kay ilang responsibilidad ang pag-ayo sa bisan unsang mga isyu nga may kalabotan niini.

Sa sinugdanan, lisod kaayo nga trabaho ang pagpatin-aw nga ang accessibility ug usability dili mabulag nga nalambigit ug nga kini kinahanglan nga buhaton sa yugto sa disenyo, kung dili kini mosangpot sa dagkong mga pagbag-o ug pag-usab sa pipila ka mga tahas. Bisan pa, uban ang suporta sa pagdumala ug yawe nga mga magdudula, among gikuha ang ideya ug gipalihok kini aron ang mga disenyo gisulayan alang sa pagka-access ug pagkagamit sa wala pa kini ipresentar sa pagdumala.

Ug kini nga feedback labi ka bililhon sa tanan - kini talagsaon ingon usa ka ehersisyo sa pagpaambit sa kahibalo / komunikasyon bahin sa kung giunsa ang mga tiggamit makig-uban sa mga aplikasyon sa web, nahibal-an namon ang daghang mga lugar nga adunay problema sa UI sa wala pa kini matukod, ang mga tim sa pagpauswag karon adunay labi ka maayo nga mga detalye sa dili. biswal lamang, apan usab mga aspeto sa pamatasan sa disenyo. Ang tinuod nga mga diskusyon makalingaw, abtik, madasigon nga mga diskusyon bahin sa teknikal nga mga aspeto ug interaksyon.

Mahimo pa namo kini nga mas maayo kung kami adunay mga buta ug baldado nga tiggamit niini (o sunod) nga mga miting - kini lisud nga organisahon, apan kami karon nagtrabaho uban sa mga lokal nga buta nga organisasyon ug mga kompanya, nga naghatag og eksternal nga pagsulay aron mapamatud-an ang dagan sa pagpatuman sayo sa development—sa component ug execution flow nga lebel.

Ang mga inhenyero karon adunay medyo detalyado nga mga detalye, magamit nga mga sangkap nga magamit nila aron ipatuman, ug usa ka paagi aron ma-validate ang dagan sa pagpatay. Kabahin sa unsay gitudlo kanato sa kasinatian mao ang nawala na nato sa kadugayan—unsaon nato pagpahunong ang pagbalikbalik. Ingon usab, ang mga tawo makagamit sa integration o end-to-end nga mga pagsulay aron sulayan ang pagpaandar, nga kinahanglan naton mahibal-an ang mga pagbag-o sa mga interaksyon ug mga agos sa pagpatuman—bisan ug pamatasan.

Ang pagdeterminar sa visual regression usa ka patas nga gihubit nga buluhaton, gamay ra kaayo ang mahimo nga idugang sa proseso gawas sa pagsusi kung ang pokus makita kung nag-navigate gamit ang keyboard. Ang mas makapaikag mao ang duha ka medyo bag-ong teknolohiya alang sa pagtrabaho nga adunay accessibility.

  1. Mga Accessibility Insight usa ka hugpong sa mga himan nga mahimong magamit sa browser ug isip bahin sa siklo sa pagtukod/pagsulay aron mahibal-an ang mga problema.
  2. Ang pagmatuod nga ang mga magbabasa sa screen nagtrabaho sa husto usa ka labi ka mahagiton nga buluhaton. Uban sa pagpaila sa pag-access sa Accessibility DOM, sa katapusan makahimo na kami sa pagkuha sa mga snapshot sa accessibility sa app, sama sa among gibuhat alang sa mga biswal nga pagsulay, ug sulayan kini alang sa pagbalik.

Busa, sa ikaduhang bahin sa istorya - mibalhin kami gikan sa pag-edit sa HTML code ngadto sa pagtrabaho sa mas taas nga lebel sa abstraction, giusab ang proseso sa pagpalambo sa disenyo ug gipaila ang bug-os nga pagsulay. Ang mga bag-ong proseso, bag-ong teknolohiya, ug bag-ong lebel sa abstraction hingpit nga nagbag-o sa talan-awon sa pagka-access ug kung unsa ang gipasabut sa pagtrabaho sa kini nga wanang.
Apan kini mao lamang ang sinugdanan.

Ang sunod nga "pagsabot" mao nga ang mga buta nga tiggamit nagmaneho sa labing bag-ong teknolohiya - sila ang labing nakabenepisyo dili lamang sa mga pagbag-o nga among gihulagway sa sayo pa, apan usab nga ang mga bag-ong pamaagi ug ideya nahimo nga posible sa ML / AI. Pananglitan, ang teknolohiya sa Immersive Reader nagtugot sa mga tiggamit sa pagpresentar sa teksto nga mas sayon ​​ug klaro. Mahimo kining basahon nga kusog, ang istruktura sa mga pulong gibungkag sa gramatika, ug bisan ang mga kahulugan sa pulong gipakita sa grapiko. Dili kini mohaum sa karaan nga mentalidad nga "himoa kini nga ma-access" - kini usa ka bahin nga magamit nga makatabang sa tanan.

Ang ML/AI nagpalihok sa bug-os nga bag-ong mga paagi sa pagpakig-uban ug pagtrabaho, ug kami naghinam-hinam nga mahimong bahin sa sunod nga mga yugto niining labing bag-ong panaw. Ang kabag-ohan gipalihok sa usa ka pagbag-o sa panghunahuna - ang katawhan naglungtad na sa milenyo, mga makina sa gatusan ka tuig, mga website sa daghang mga dekada, ug mas gamay ang mga smartphone, ang teknolohiya kinahanglan nga ipahiangay sa mga tawo, ug dili vice versa.

P.S. Ang artikulo gihubad nga adunay ginagmay nga mga pagtipas gikan sa orihinal. Ingon usa ka kauban nga tagsulat niini nga artikulo, miuyon ako sa kini nga mga pagbulag uban ni Hugh.

Ang mga rehistradong tiggamit lamang ang makaapil sa survey. Sign in, walay sapayan.

Gihatagan ba nimo og pagtagad ang pagka-access sa imong mga aplikasyon?

  • Oo

  • Dili

  • Kini ang unang higayon nga nakadungog ako bahin sa pagka-access sa app.

17 ka tiggamit ang nagboto. 5 ka tiggamit ang nag-abstain.

Source: www.habr.com

Idugang sa usa ka comment