{"id":38463,"date":"2019-10-31T22:23:52","date_gmt":"2019-10-31T19:23:52","guid":{"rendered":"https:\/\/prohoster.info\/blog\/po-napravleniyu-k-dostupnosti\/"},"modified":"2019-10-31T22:23:52","modified_gmt":"2019-10-31T19:23:52","slug":"po-napravleniyu-k-dostupnosti","status":"publish","type":"post","link":"https:\/\/prohoster.info\/hr\/blog\/news\/po-napravleniyu-k-dostupnosti","title":{"rendered":"Prema dostupnosti","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Prema
\n
\nPetak \u2013 kraj radnog dana. Lo\u0161e vijesti uvijek dolaze u petak pred kraj radnog dana.<\/p>\n

Spremate se napustiti ured, \u201eding\u201c novo pismo o jo\u0161 jednoj reorganizaciji upravo je stiglo u po\u0161tu.<\/p>\n

Hvala xxxx, yyy od danas \u0107ete izvje\u0161tavati zzzz
\n\u2026
\nI tim Huw-a \u0107e osigurati dostupnost na\u0161ih proizvoda za osobe s invaliditetom.<\/i>\n<\/p><\/blockquote>\n

Oh ne! Za\u0161to sam to zaslu\u017eio? \u017dele da odem? Pripremite se na nezahvalan te\u017eak rad i poku\u0161ajte ispraviti gre\u0161ke drugih. Ovo \u0107e sigurno biti neuspjeh...<\/p>\n

Takva je bila dostupnost nekoliko godina unatrag. Neki nesretnici su dobijali poslove za \"\u010di\u0161\u0107enje\" korisni\u010dkog su\u010delja kako bi poku\u0161ali u\u010diniti ga dostupnim osobama s invaliditetom.
\n<\/a><\/noindex>
\nOno \u0161to je to zapravo zna\u010dilo bilo je prili\u010dno nejasno \u2013 vjerojatno, ako ste mogli vidjeti indikatore fokusa i navigirati poljima kori\u0161tenjem tabulatora, imati neki alternativni tekst i nekoliko opisa polja, to bi se smatralo da je va\u0161a aplikacija dostupna...<\/p>\n

Ali iznenada su \"gre\u0161ke\" po\u010dele rasti poput lavine.<\/p>\n

Razli\u010diti \u010dita\u010di ekrana (eng.<\/i> Screen Readers) i preglednici pona\u0161ali su se potpuno razli\u010dito.<\/p>\n

Korisnici su se \u017ealili da aplikacija nije upotrebljiva.<\/p>\n

Kad bi se gre\u0161ka ispravila na jednom mjestu, druga bi se pojavila na drugom.<\/p>\n

I, samo mijenjanje i ispravljanje gre\u0161aka korisni\u010dkog su\u010delja zahtijevalo je titanske napore.<\/p>\n

Bio sam tamo. Pre\u017eivio sam, ali nismo \"uspjeli\" \u2013 tehni\u010dki smo puno o\u010distili, dodali puno opisa polja, uloga i postigli neki nivo uskla\u0111enosti s pravilima, ali nitko nije bio sretan. Korisnici su se i dalje \u017ealili da ne mogu orijentirati se u aplikaciji. Menad\u017eer se i dalje \u017ealio na neprekidan tok gre\u0161aka. In\u017eenjeri su se \u017ealili na lo\u0161e postavljene zadatke, bez jasno definirano \"ispravnog\" rje\u0161enja koje bi radilo u svim slu\u010dajevima.<\/p>\n

Na mom putu do razumijevanja dostupnosti nai\u0161ao sam na nekoliko o\u010digledno otkrivenih trenutaka.
\nMo\u017eda je prvo bilo razumijevanje da je dodavanje funkcionalnosti pristupa\u010dnosti na gotov proizvod slo\u017eeno. A jo\u0161 te\u017ee je uvjeriti menad\u017eere da je to nevjerojatno te\u0161ko! Ne, nije to samo \"dodavanje nekoliko oznaka\" i korisni\u010dko su\u010delje \u0107e raditi odli\u010dno. Ne, to nije mogu\u0107e zavr\u0161iti za tri tjedna, \u010dak ni tri mjeseca ne\u0107e biti dovoljno.
\nMoj sljede\u0107i trenutak istine dogodio se kada sam u\u017eivo vidio kako slijepi korisnici zapravo koriste na\u0161u aplikaciju. To je TOLIKO druga\u010dije od gledanja poruka o gre\u0161kama.<\/p>\n

Ponovno \u0107u se vra\u0107ati na ovo, ali gotovo sve na\u0161e \"pretpostavke\" o tome kako ljudi koriste na\u0161u aplikaciju bile su pogre\u0161ne.<\/p>\n

Navigacija slo\u017eenim korisni\u010dkim su\u010deljem pomo\u0107u tipki Tab\/Shift+Tab<\/code> \u2013 to je lo\u0161e! Trebamo ne\u0161to bolje. Kombinacije tipki, naslovi.<\/p>\n

Gubitak fokusa pri promjeni UI-a nije li velika stvar? Razmislimo jo\u0161 jednom \u2013 to je iznimno zbunjuju\u0107e.<\/p>\n

Nastavio sam raditi na raznim projektima, a onda smo zapo\u010deli novi projekt sa slo\u017eenim korisni\u010dkim su\u010deljem i jasnim ciljem da napokon postignemo pravednu pristupa\u010dnost.<\/p>\n

Dakle, napravili smo korak unatrag i razmislili kako to mo\u017eemo realizirati na druga\u010diji na\u010din i uspjeti, a da sam proces rada bude zabavan!<\/p>\n

Relativno brzo smo do\u0161li do nekoliko zaklju\u010daka:<\/p>\n

    \n
  1. Nismo \u017eeljeli da se ljudi koji razvijaju korisni\u010dko su\u010delje bave aria oznakama\/ulogama i, naravno, HTML strukturom komponenti. Trebali smo im osigurati prave komponente u kojima je pristupa\u010dnost implementirana odmah iz kutije.<\/li>\n
  2. Pristupa\u010dnost == Korisnost \u2013 odnosno, to nije samo tehni\u010dki zadatak. Morali smo promijeniti cijeli proces dizajniranja i osigurati da se pristupa\u010dnost uzima u obzir i raspravlja prije nego \u0161to zapo\u010dne dizajn korisni\u010dkog su\u010delja. Potrebno je unaprijed razmi\u0161ljati o tome kako \u0107e korisnici otkriti bilo koju funkcionalnost, kako \u0107e se kretati i kako \u0107e \"desni klik mi\u0161em\" raditi s tipkovnicom. Pristupa\u010dnost mora biti neodvojivi dio procesa dizajniranja \u2013 za neke korisnike to je ne\u0161to mnogo vi\u0161e od samog izgleda aplikacije.<\/li>\n
  3. Od samog po\u010detka \u017eeljeli smo dobiti povratne informacije od slijepih i drugih korisnika s invaliditetom o jednostavnosti kori\u0161tenja aplikacije.<\/li>\n
  4. Trebali smo zaista dobre na\u010dine za hvatanje regresije pristupa\u010dnosti.<\/li>\n<\/ol>\n

    \nPa, s in\u017eenjerskog stajali\u0161ta, prvi dio zvu\u010di prili\u010dno zabavno \u2013 razvoj arhitekture i implementacija biblioteke komponenti. I stvarno, tako je i bilo.<\/p>\n

    Gledaju\u0107i unazad, razmatraju\u0107i primjere ARIA<\/a><\/noindex> I razmi\u0161ljaju\u0107i o tome kao o dizajnerskom problemu, a ne o problemu 'prilago\u0111avanja', uveli smo neke apstrakcije. Komponenta ima ‘Strukturu’ (sastoji se od HTML elemenata) i ‘Pona\u0161anje’ (kako komunicira s korisnikom). Na primjer, u sljede\u0107im fragmentima imamo jednostavnu neure\u0111enu listu. Kada dodamo 'pona\u0161anje' toj listi, dodaju se odgovaraju\u0107e uloge kako bi ona funkcionirala kao lista. Na sli\u010dan na\u010din to radimo i za izbornik.<\/p>\n

    \"Prema
    \n
    \nU stvari, ovdje se dodaju ne samo uloge, ve\u0107 i handleri doga\u0111aja za navigaciju putem tipkovnice.<\/p>\n

    Izgleda ve\u0107 puno urednije. Kada bismo mogli posti\u0107i \u010disto odvajanje izme\u0111u njih, ne bi bilo va\u017eno kako je struktura stvorena, mogli bismo primijeniti pona\u0161anja na nju i posti\u0107i ispravnu dostupnost.<\/p>\n

    To se mo\u017ee vidjeti na adresi https:\/\/stardust-ui.github.io\/react\/<\/a><\/noindex> \u2013 UX biblioteka React<\/a><\/noindex>, koja se projektira i implementira s obzirom na pristupa\u010dnost od samog po\u010detka.<\/p>\n

    Drugi dio \u2013 promjena pristupa i procesa oko dizajna prvo me prestra\u0161ila: skromni in\u017eenjeri koji poku\u0161avaju provu\u0107i organizacijske promjene, to ne zavr\u0161ava uvijek dobro, ali se pokazalo kao jedno od najzanimljivijih podru\u010dja gdje smo dali zna\u010dajan doprinos procesu. U sa\u017eetku, imali smo sljede\u0107i proces: novu funkcionalnost razvijala je jedna ekipa, zatim je na\u0161a grupa voditelja analizirala\/iterirala prijedlog, a zatim, nakon odobrenja, dizajn se obi\u010dno predavao timu in\u017eenjera. U ovom slu\u010daju tim in\u017eenjera zapravo je \u2018posjedovao\u2019 funkcionalnost dostupnosti, jer je trebao rije\u0161iti sve povezane probleme.<\/p>\n

    Isprva je to bio prili\u010dno te\u017eak zadatak \u2013 obja\u0161njavati da su pristupa\u010dnost i upotrebljivost neodvojivo povezani i da je va\u017eno to implementirati ve\u0107 u fazi projektiranja, ina\u010de to dovodi do velikih promjena i redefiniranja nekih uloga. Ipak, uz podr\u0161ku rukovodstva i klju\u010dnih igra\u010da, uspjeli smo prenijeti tu ideju i uvesti je u praksu, tako da dizajni prolaze provjeru na pristupa\u010dnost i upotrebljivost prije nego \u0161to budu predstavljeni rukovodstvu.<\/p>\n

    Ove povratne informacije bile su izuzetno vrijedne za sve \u2013 bila je to fantasti\u010dna vje\u017eba razmjene znanja \/ prijenosa informacija o tome kako korisnici interagiraju s web aplikacijama, identificirali smo brojne probleme korisni\u010dkog su\u010delja prije nego \u0161to su izgra\u0111eni, a timovi programera sada imaju puno bolje specifikacije ne samo vizualnih, ve\u0107 i pona\u0161ajnih aspekata dizajna. Stvarne rasprave \u2013 to su zabavne, energi\u010dne, strastvene diskusije o tehni\u010dkim aspektima i interakcijama.<\/p>\n

    Ova bi se zada\u0107a mogla u\u010diniti jo\u0161 boljom da su na tim (ili budu\u0107im) sastancima s nama bili slijepi korisnici i korisnici s invaliditetom \u2013 to je bilo te\u0161ko organizirati, ali sada zaista sura\u0111ujemo s lokalnim organizacijama slijepih, kao i s tvrtkama koje pru\u017eaju vanjsko testiranje kako bismo provjerili tijek izvr\u0161enja u ranim fazama razvoja \u2013 na razini komponenti, kao i na razini tijeka izvr\u0161enja.<\/p>\n

    Sada in\u017eenjeri imaju prili\u010dno detaljne specifikacije, dostupne komponente koje mogu koristiti za implementaciju i na\u010din provjere tijeka izvr\u0161enja. Djelomi\u010dno, iskustvo nas je nau\u010dilo onome \u0161to smo stalno propustili \u2013 kako mo\u017eemo sprije\u010diti regresiju. Sli\u010dno tome, ljudi mogu koristiti integracijske ili end-to-end testove za provjeru funkcionalnosti koju trebamo da bismo otkrili promjene u interakcijama i tijekovima izvr\u0161enja \u2013 kako vizualnim, tako i pona\u0161ajnim.<\/p>\n

    Definicija vizualne regresije je prili\u010dno odre\u0111ena, vrlo malo se mo\u017ee dodati ovom procesu, osim mo\u017eda provjere je li fokus vidljiv prilikom navigacije pomo\u0107u tipkovnice. Dvije relativno nove tehnologije za rad s pristupa\u010dno\u0161\u0107u su zanimljivije.<\/p>\n

      \n
    1. Accessibility Insights<\/a><\/noindex> \u2013 je skup alata koji se mogu koristiti kako u pregledniku, tako i unutar ciklusa izrade\/testiranja za identifikaciju problema.<\/li>\n
    2. Provjera ispravnog rada \u010dita\u010da ekrana bila je osobito slo\u017een zadatak. S uvo\u0111enjem pristupa Accessibility DOM<\/b>, napokon smo dobili mogu\u0107nost snimanja aplikacije iz perspektive pristupa\u010dnosti koja je vrlo sli\u010dna onoj koju koristimo za vizualne testove, i provjeravamo ih na regresiju.<\/li>\n<\/ol>\n

      \nDakle, u drugom dijelu pri\u010de \u2013 pre\u0161li smo od ure\u0111ivanja HTML koda do rada na vi\u0161oj razini apstrakcije, promijenili proces razvoja dizajna i uveli temeljito testiranje. Novi procesi, nove tehnologije i nove razine apstrakcije potpuno su promijenili percepciju pristupa\u010dnosti i ono \u0161to zna\u010di raditi u ovom podru\u010dju.
      \nAli to je samo po\u010detak.<\/p>\n

      Sljede\u0107e \u201erazumijevanje\u201c je da slijepi korisnici poti\u010du napredne tehnologije \u2013 upravo oni najvi\u0161e profitiraju ne samo od promjena koje smo ranije opisali, nego i od novih pristupa i ideja koje su postale mogu\u0107e s pomo\u0107u ML\/AI. Na primjer, tehnologija Immersive Reader omogu\u0107ava korisnicima lak\u0161e i razumljivije predstavljanje teksta. Mo\u017ee se \u010ditati naglas, struktura re\u010denice se gramati\u010dki dijeli, a \u010dak se i zna\u010denja rije\u010di prikazuju grafi\u010dki. Ovo se apsolutno ne uklapa u staro razumijevanje \u201eu\u010diniti ga dostupnim\u201c \u2013 to je funkcija upotrebljivosti koja \u0107e pomo\u0107i svima.<\/p>\n

      S ML\/AI pojavljuju se potpuno novi na\u010dini interakcije i rada, i radujemo se biti dio sljede\u0107ih koraka ovog naprednog puta. Inovacije su uzrokovane promjenom razmi\u0161ljanja \u2013 \u010dovje\u010danstvo postoji tisu\u0107ama godina, strojevi stotinama godina, web stranice nekoliko desetlje\u0107a, a pametni telefoni jo\u0161 manje, tehnologija se mora prilagoditi ljudima, a ne obrnuto.<\/p>\n

      P.S. \u010clanak je preveden s malim odstupanjima od originala. Kao koautor ovog \u010dlanka, odobrio sam ta odstupanja s Huw-om.<\/p>\n

      Samo registrirani korisnici mogu sudjelovati u anketi. Prijavite se<\/a><\/noindex>, molimo.<\/p>\n

      Obra\u0107ate li pa\u017enju na dostupnost va\u0161ih aplikacija?<\/h2>\n