{"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\/et\/blog\/news\/po-napravleniyu-k-dostupnosti","title":{"rendered":"Juurdep\u00e4\u00e4sule suunatud","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Juurdep\u00e4\u00e4sule
\n
\nReede \u2013 t\u00f6\u00f6p\u00e4eva l\u00f5pp. Halvad uudised j\u00f5uavad alati reedese p\u00e4eva l\u00f5pus.<\/p>\n

Olete lahkumas kontorist, kui tuli uus e-kiri reorganiseerimise kohta.<\/p>\n

Ait\u00e4h xxxx, yyy, alates t\u00e4nasest vastutate zzzz ees.
\n\u2026
\nJa Hugh'i meeskond tagab meie toodete juurdep\u00e4\u00e4setavuse erivajadustega inimestele.<\/i>\n<\/p><\/blockquote>\n

Oh ei! Mille eest ma seda teen? Kas nad tahavad, et ma lahkuks? Valmistuda t\u00e4namatu raske t\u00f6\u00f6ks ja p\u00fc\u00fcda parandada teiste inimeste vigu. See on kindlasti l\u00e4bikukkumine...<\/p>\n

Selline oli juurdep\u00e4\u00e4setavus m\u00f5ned aastat tagasi. M\u00f5ned h\u00e4dalised said t\u00f6\u00f6, et 'koristada' kasutajaliidest, et teha see juurdep\u00e4\u00e4setavaks erivajadusega inimestele.
\n<\/a><\/noindex>
\nTegelikult t\u00e4hendas see \u00fcsna h\u00e4guselt \u2013 t\u00f5en\u00e4oliselt, kui sa suutsid n\u00e4ha fookuse indikaatorit ja liikuda v\u00e4ljadesse tabiga, olla mingi alternatiivne tekst ja paar v\u00e4ljade kirjeldust, siis arvestati, et teie rakendus on juurdep\u00e4\u00e4setav\u2026<\/p>\n

Kuid \u00e4kki hakkasid 'vead' paljunema nagu laviin.<\/p>\n

Erinevad ekraanilugejad (inglise.<\/i> Screen Readers) ja brauserid k\u00e4itusid t\u00e4iesti erinevalt.<\/p>\n

Kasutajad kaebasid, et rakendus ei ole kasutatav.<\/p>\n

Niipea kui \u00fcks viga parandati, ilmnes kusagil teine.<\/p>\n

Ja lihtsalt kasutajaliidese vigade muutmine ja parandamine n\u00f5udis hiiglaslikke j\u00f5upingutusi.<\/p>\n

Ma olin seal. Ma ellu j\u00e4in, kuid me ei '\u00f5nnestunud' \u2013 tehniliselt puhastasime palju, lisasime palju v\u00e4ljateid ja saavutatud vastavust, aga keegi ei olnud rahul. Kasutajad ikka kaebasid, et ei suuda rakenduses orienteeruda. Juht kaebas pideva veade voogu. Insenerid kaebasid vale \u00fclesande m\u00e4\u00e4ramise \u00fcle, ilma selgelt m\u00e4\u00e4ratletud ' \u00f5ige' lahenduseta, mis t\u00f6\u00f6taks igas olukorras.<\/p>\n

Minu teel juurdep\u00e4\u00e4setavuse m\u00f5istmise poole tuli ette m\u00f5ned ilmsed \u00e4ratundmishetked.
\nV\u00f5imalik, et esimene arusaam oli see, et juurutada ligip\u00e4\u00e4setavuse funktsionaalsus valmis toote peale \u2013 see on keeruline. Ja veelgi keerulisem on veenda juhte, et see on uskumatult keeruline! Ei, see ei t\u00e4henda lihtsalt \"m\u00f5ne sildi lisamist\" ja kasutajaliides t\u00f6\u00f6tab suurep\u00e4raselt. Ei, see ei ole v\u00f5imalik kolme n\u00e4dalaga l\u00f5petada, isegi kolm kuud j\u00e4\u00e4b v\u00e4heks.
\nMinu j\u00e4rgmine t\u00f5demus tuli siis, kui ma n\u00e4gin, kuidas pimedad kasutajad meie rakendust tegelikult kasutavad. See on NII erinev vigade teateid vaadates.<\/p>\n

Ma tulen selle juurde tagasi korduvalt, kuid peaaegu k\u00f5ik meie \"eeldused\" selle kohta, kuidas inimesed meie rakendust kasutasid, olid vale.<\/p>\n

Kliendi liidese keerulistest navigeerimist klaviatuuriga Tab\/Shift+Tab<\/code> on t\u00f5eline jama! Me vajame midagi paremat. Klahvikombinatsioonid, pealkirjad.<\/p>\n

Kas fookuse kaotus liidese muutmisel ei ole suur probleem? M\u00f5tleme veel kord \u2013 see on uskumatult segadusttekitav.<\/p>\n

Ma j\u00e4tkasin, t\u00f6\u00f6tasin m\u00f5nda aega erinevate projektidega, kuni me alustasime uut projekti, keerulise kasutajaliidese ja selge eesm\u00e4rgiga \u2013 l\u00f5puks \u00f5igete ligip\u00e4\u00e4setavuse lahenduste saavutamine.<\/p>\n

Nii et me astusime sammu tagasi ja vaatasime, kuidas saame selle hoopis teisiti ellu viia ja edutult suutma, et t\u00f6\u00f6protsess oleks ka huvitav!<\/p>\n

Suhteliselt kiiresti j\u00f5udsime mitmete j\u00e4reldusteni:<\/p>\n

    \n
  1. Me ei tahtnud, et kasutajaliidese arendajad jamaksid aria siltide\/rollidega ja loomulikult komponentide HTML struktuuriga. Me pidime tagama neile \u00f5igeid komponente, kus ligip\u00e4\u00e4setavus on v\u00e4lja t\u00f6\u00f6tatud otse karbist.<\/li>\n
  2. Ligip\u00e4\u00e4setavus == Kasutatavus \u2013 see ei ole ainult tehniline \u00fclesanne. Me pidime muutma kogu disainiprotsessi ja veenduma, et ligip\u00e4\u00e4setavust arvestatakse ja arutatakse enne kasutajaliidese projekteerimise algust. Tuleb alguses m\u00f5elda, kuidas kasutajad saavad avastada mis tahes funktsionaalsuse, kuidas nad liiguvad ja kuidas \"hiire parema kl\u00f5psuga\" klaviatuurilt t\u00f6\u00f6tab. Ligip\u00e4\u00e4setavus peab olema disainiprotsessi lahutamatu osa \u2013 m\u00f5nele kasutajale on see midagi palju enamat kui lihtsalt rakenduse v\u00e4limus.<\/li>\n
  3. Alates esimesest p\u00e4evast soovisime saada tagasisidet pimedatelt ja teistelt erivajadustega kasutajatelt rakenduse kasutusmugavuse kohta.<\/li>\n
  4. Vajasime t\u00f5eliselt h\u00e4id viise, et tuvastada ligip\u00e4\u00e4setavuse regressioon.<\/li>\n<\/ol>\n

    \nNoh, inseneri seisukohast tundus esimene osa \u00fcsna l\u00f5bus - arhitektuuri arendamine ja komponentide raamatukogu rakendamine. Ja t\u00f5epoolest, see oligi nii.<\/p>\n

    Vaadates tagasi, arvestades ARIA n\u00e4iteid<\/a><\/noindex> Ja m\u00f5eldes selle peale kui disaini probleemile, mitte kui ‘kohandamise’ probleemile, oleme me sisse viinud m\u00f5ned abstraktsioonid. Komponendil on ‘Struktuur’ (koosneb HTML-elementidest) ja ‘K\u00e4itumine’ (kuidas see kasutajaga suhtleb). N\u00e4iteks allpool toodud fragmentides on meil lihtne mittej\u00e4rjestatud loend. Loendile ‘k\u00e4itumise’ lisamisel lisatakse vastavad rollid, et see toimiks nagu loend. Samamoodi teeme ka men\u00fc\u00fc jaoks.<\/p>\n

    \"Juurdep\u00e4\u00e4sule
    \n
    \nTegelikult lisatakse siia mitte ainult rollid, vaid ka s\u00fcndmuste t\u00f6\u00f6tlejate jaoks klaviatuuriga navigeerimiseks.<\/p>\n

    See n\u00e4eb juba palju korralikum v\u00e4lja. Kui me saaksime saavutada puhta eristuse nende vahel, ei oleks oluline, kuidas struktuur on loodud, saaksime rakendada sellele k\u00e4itumisi (Behaviours) ja saavutada \u00f5ige ligip\u00e4\u00e4setavuse.<\/p>\n

    Seda saab n\u00e4ha aadressil https:\/\/stardust-ui.github.io\/react\/<\/a><\/noindex> \u2013 UX raamatukogus React<\/a><\/noindex>, mis on projekteeritud ja rakendatud ligip\u00e4\u00e4setavuse arvessev\u00f5tmisega alates algusest.<\/p>\n

    Teine osa - l\u00e4henemise ja protsesside muutmine disaini \u00fcmber hirmutas mind alguses: tagasihoidlikud insenerid, kes p\u00fc\u00fcavad edendada organisatsioonilisi muudatusi, ei l\u00f5ppe alati h\u00e4sti, kuid see osutus \u00fcheks k\u00f5ige huvitavamaks valdkonnaks, kus oleme protsessi olulise panuse andnud. L\u00fchidalt \u00f6eldes oli meil j\u00e4rgmine protsess: uus funktsionaalsus t\u00f6\u00f6tati v\u00e4lja \u00fche meeskonna poolt, seej\u00e4rel anal\u00fc\u00fcsis ja iteratsioonis meie juhtgrupp seda ettepanekut, ja siis, p\u00e4rast heakskiitu, anti disain tavaliselt inseneride meeskonnale \u00fcle. Sel juhul \u201eomanik\u201d inseneride meeskond tegelikult ligi p\u00e4\u00e4setavuse funktsionaalsusest, kuna nad pidid eemaldama k\u00f5ik sellega seotud probleemid.<\/p>\n

    Alguses oli see \u00fcsna keeruline \u00fclesanne \u2013 selgitada, et ligip\u00e4\u00e4setavus ja kasutatavus on omavahel tihedalt seotud ning et seda on vaja arvestada juba projekteerimise etapis, vastasel juhul toob see kaasa suuri muudatusi ja m\u00f5ningate rollide \u00fcmberm\u00e4\u00e4ramist. Siiski, juhtkonna ja v\u00f5tmeisikute toetusel suutsime selle idee edastada ning viia ellu, et kujundused l\u00e4bisid ligip\u00e4\u00e4setavuse ja kasutatavuse kontrolli, enne kui need esitatakse juhile.<\/p>\n

    Need tagasisided olid \u00e4\u00e4rmiselt v\u00e4\u00e4rtuslikud k\u00f5igile \u2013 see oli fantastiline teave vahetamise harjutus, kuidas kasutajad veebirakendustega suhtlevad; m\u00e4\u00e4rasime mitmeid kasutajaliidese probleemseid valdkondi enne nende loomist, praegu on arendustiimidel palju paremad spetsifikatsioonid mitte ainult visuaalsete, vaid ka k\u00e4itumuslike disaini aspektide kohta. Reaalsed arutelud on l\u00f5busad, energilised, kirglikud diskussioonid tehniliste aspektide ja interaktsioonide \u00fcle.<\/p>\n

    Saaksime seda t\u00f6\u00f6d veelgi paremaks muuta, kui neil (v\u00f5i j\u00e4rgmistel) koosolekutel oleksid kohal n\u00e4gemispuudega kasutajad ja puuetega inimesed \u2013 seda oli raske korraldada, kuid n\u00fc\u00fcd teeme t\u00f5eliselt koost\u00f6\u00f6d nii kohalikest n\u00e4gemispuudega organisatsioonidest kui ka ettev\u00f5tetest, mis pakuvad v\u00e4list testimist, et kontrollida t\u00f6\u00f6voogude k\u00e4itumist arendamise varajastes etappides \u2013 nii koostisosade kui ka t\u00f6\u00f6voogude tasandil.<\/p>\n

    N\u00fc\u00fcd on inseneridel \u00fcsna \u00fcksikasjalikud spetsifikatsioonid, kergesti k\u00e4ttesaadavad komponendid, mida nad saavad kasutada juurutamiseks, ja meetod t\u00f6\u00f6voogude kontrollimiseks. Osaliselt on kogemus \u00f5petanud meid, mida pidevalt unustame \u2013 kuidas saame regresseerimise peatada. Samuti saavad inimesed kasutada integratsiooniteste v\u00f5i l\u00f5pp-teste, et kontrollida funktsionaalsust, mida vajame interaktsioonide ja t\u00f6\u00f6voogude muutuste avastamiseks \u2013 nii visuaalsete kui k\u00e4itumuslike.<\/p>\n

    Visuaalse regressiooni m\u00e4\u00e4ratlemine on \u00fcsna spetsiifiline \u00fclesanne, millega on v\u00e4he lisada, v\u00e4lja arvatud v\u00f5ib-olla kontrollimine, kas fookus on n\u00e4htav navigeerimisel klaviatuuri abil. Kaugelt huvitavamad on kaks suhteliselt uut tehnoloogiat ligip\u00e4\u00e4setavuse t\u00f6\u00f6tamiseks.<\/p>\n

      \n
    1. Accessibility Insights<\/a><\/noindex> on t\u00f6\u00f6riistade komplekt, mida saab kasutada nii brauseris kui ka kogumise\/testimise ts\u00fcklis probleemide leidmiseks.<\/li>\n
    2. Ekraanilugejatega t\u00f6\u00f6tamise kontrollimine oli eriti keeruline \u00fclesanne. Ligip\u00e4\u00e4su andmete kasutusele v\u00f5tuga Accessibility DOM<\/b>, saime l\u00f5puks v\u00f5imaluse teha rakendustest ligip\u00e4\u00e4setavuse seisukohalt fotosid, mis meenutavad v\u00e4ga neid, mida teeme visuaalsete testide jaoks, ja kontrollida neid regressiooni vastu.<\/li>\n<\/ol>\n

      \nNii et teisel ajaloo poolel \u2013 oleme liikunud HTML-koodi redigeerimise juurest k\u00f5rgema abstraktsioonitaseme t\u00f6\u00f6tamise suunas, muutes disainiarenduse protsessi ning viies sisse hoolika testimise. Uued protsessid, uued tehnoloogiad ja uued abstraktsioonitasemed on t\u00e4ielikult muutnud arusaama ligip\u00e4\u00e4setavusest ja sellest, mida see valdkonnas t\u00f6\u00f6tamine t\u00e4hendab.
      \nSee on alles algus.<\/p>\n

      J\u00e4rgmine \"arusaam\" on see, et pimedad kasutajad edendavad uusi tehnoloogiaid \u2013 just nemad saavad k\u00f5ige rohkem kasu mitte ainult varem kirjeldatud muudatustest, vaid ka sellest, et uued l\u00e4henemisviisid ja ideed saavad v\u00f5imalikuks ML\/AI abil. N\u00e4iteks, tehnoloogia Immersive Reader v\u00f5imaldab kasutajatel teksti lihtsamalt ja selgemini esitada. Seda saab lugeda valjult, lause struktuur jaguneb grammatiliselt ja isegi s\u00f5nade t\u00e4hendused kuvatakse graafiliselt. See ei sobi absoluutselt vanasse arusaama \"teha see ligip\u00e4\u00e4setavaks\" \u2013 see on kasutatavuse funktsioon, mis aitab k\u00f5iki.<\/p>\n

      ML\/AI toovad esile t\u00e4iesti uusi viise suhtlemiseks ja t\u00f6\u00f6tamiseks ning me oleme r\u00f5\u00f5msad, et saame osa v\u00f5tta tulevaste etappide edasiviimisest. Innovatsioonid on tingitud m\u00f5tteviisi muutumisest \u2013 inimkond on eksisteerinud tuhandete aastate jooksul, masinad \u2013 sadu aastaid, veebisaidid paari k\u00fcmne aasta jooksul, ja nutitelefonid veelgi v\u00e4hem, tehnoloogia peab kohanduma inimeste j\u00e4rgi, mitte vastupidi.<\/p>\n

      P.S. Artikkel on t\u00f5lgitud v\u00e4ikeste k\u00f5rvalekalletega originaalist. Artikli kaasautoris olen need k\u00f5rvalekalded kokku leppinud Hugh\u2019ga.<\/p>\n

      Ainult registreeritud kasutajad saavad k\u00fcsitluses osaleda. Logige sisse<\/a><\/noindex>, palun.<\/p>\n

      Kas te p\u00f6\u00f6rate t\u00e4helepanu oma rakenduste k\u00e4ttesaadavusele?<\/h2>\n