{"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\/novosti-interneta\/po-napravleniyu-k-dostupnosti","title":{"rendered":"Suunas ligip\u00e4\u00e4setavuse poole","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Suunas
\n
\nReede \u2013 t\u00f6\u00f6p\u00e4eva l\u00f5pp. Halvad uudised j\u00f5uavad alati reedel t\u00f6\u00f6p\u00e4eva l\u00f5pus.<\/p>\n

Te olete lahkumas kontorist, kui \u00abding\u00bb on tulnud uus e-kiri j\u00e4rgmise \u00fcmberkorraldamise kohta.<\/p>\n

Ait\u00e4h xxxx, yyy alates t\u00e4nasest p\u00e4evast vastutate te zzzz ees.
\n\u2026
\nJa Hugh'i meeskond tagab, et meie tooted oleksid kergesti ligip\u00e4\u00e4setavad inimestele, kellel on puudeid.<\/i>\n<\/p><\/blockquote>\n

Oh ei! Mille eest ma selle v\u00e4\u00e4risin? Nad tahavad, et ma lahkuks? Pean valmistuma t\u00e4namatule, r\u00e4nkele t\u00f6\u00f6le ja proovima teiste inimeste vigu parandada. See on kindlasti l\u00e4bikukkumine ...<\/p>\n

Selline oli ligip\u00e4\u00e4setavus m\u00f5ned aastad tagasi. M\u00f5ned kannatajad said t\u00f6\u00f6, et \u00abpuhastada\u00bb kasutajaliidest, et proovida seda puuetega inimestele ligip\u00e4\u00e4setavaks teha.
\n<\/a><\/noindex>
\nTegelikult t\u00e4hendas see \u00fcsna ebamugavalt \u2013 t\u00f5en\u00e4oliselt, kui te n\u00e4gite fookusindikaatorit ja liikusite v\u00e4ljade vahel tabulaatoriga, oleks teil mingi alternatiivne tekst ja paar v\u00e4ljaku kirjeldust, loeti see, et teie rakendus on ligip\u00e4\u00e4setav \u2026<\/p>\n

Kuid \u00e4kki hakkasid \u00abvead\u00bb paljunema nagu laviin.<\/p>\n

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

Kasutajad kurtsid, et rakendus ei ole kasutamiseks sobilik.<\/p>\n

Kui viga parandati \u00fches kohas, ilmus teine kusagil mujal.<\/p>\n

Ja lihtsalt kasutajaliidese vigade muutmine ja parandamine n\u00f5udis erakordset pingutust.<\/p>\n

Ma olin seal. Ma ellu j\u00e4in, kuid me ei '\u00f5nnestunud' \u2013 tehniliselt puhastasime palju, lisasime palju kirjeldusi v\u00e4ljadele, rolle ja saavutatud mingisugune n\u00f5uetele vastavuse tase, kuid keegi ei olnud rahul. Kasutajad kaebasid ikka, et nad ei suuda rakenduses navigeerida. Juht kaebas pideva veavoo \u00fcle. Insenerid kaebasid vale probleemihindamise \u00fcle, ilma selgelt m\u00e4\u00e4ratletud '\u00f5ige' lahenduseta, mis t\u00f6\u00f6taks k\u00f5igis olukordades.<\/p>\n

Minu teel ligip\u00e4\u00e4setavuse m\u00f5istmise poole tuli ette m\u00f5ningaid ilmselgelt avameelseid hetki.
\nV\u00f5ib-olla oli esimene m\u00f5istmine, et ligip\u00e4\u00e4setavuse funktsionaalsuse lisamine valmis tootele on keeruline. Ja veelgi keerulisem on veenda juhte, et see on \u00e4\u00e4rmiselt keeruline! Ei, see ei seisne lihtsalt \"paaris sildi lisamises\" ja kasutajaliides t\u00f6\u00f6tab suurep\u00e4raselt. Ei, seda ei ole v\u00f5imalik kolme n\u00e4dalaga l\u00f5petada, isegi kolm kuud on liiga v\u00e4he.
\nMinu j\u00e4rgmine t\u00f5demus tuli siis, kui ma n\u00e4gin otse, kuidas n\u00e4gijad kasutavad meie rakendust. See on nii erinev veateadete vaatamisest.<\/p>\n

Ma tulen tagasi sellele korduvalt, kuid peaaegu k\u00f5ik meie \u201eeeldused\u201c selle kohta, kuidas inimesed on kasutanud meie rakendust, olid valed.<\/p>\n

Ahnus keerulises kasutajaliideses navigeerimine klahvide abil Tab\/Shift+Tab<\/code> \u2013 see on talumatu! Vajame midagi paremat. Klaviatuurikombinatsioonid, pealkirjad.<\/p>\n

UI muutmisel fookuse kaotamine ei ole suur probleem? M\u00f5tleme uuesti \u2013 see on \u00e4\u00e4rmiselt segadust tekitav.<\/p>\n

J\u00e4tkasin, t\u00f6\u00f6tasin m\u00f5nda aega erinevate projektide kallal, kuni alustasime uut projekti, millel oli keeruline kasutajaliides ja selge suund, et seekord saavutada \u00f5ige ligip\u00e4\u00e4setavus.<\/p>\n

Nii et me astusime samm tagasi ja vaatasime, kuidas saame selle teistsuguseks teha ja edu saavutada, ning et t\u00f6\u00f6protsess oleks ebamugav!<\/p>\n

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

    \n
  1. Me ei tahtnud, et kasutajaliidese arendajad tegeleksid aria m\u00e4rgiste\/rollide ja loomulikult komponentide HTML-struktuuriga. Me pidime tagama, et neil oleksid \u00f5iged komponendid, kus ligip\u00e4\u00e4setavus oleks v\u00e4lja t\u00f6\u00f6tatud otse kastist.<\/li>\n
  2. Kasutatavus = Juhtimiss\u00fcsteem - see ei ole ainult tehniline \u00fclesanne. Me pidime seadma \u00fcmber kogu projekteerimisprotsessi ja tagama, et juurdep\u00e4\u00e4setavus arvesse v\u00f5etakse ja arutatakse enne kasutajaliidese projekteerimist. Tuleb algusest peale m\u00f5elda, kuidas kasutajad saavad leida mingit funktsionaalsust, kuidas nad liikuda saavad ja kuidas \u201ehiire paremklikk\u201d klaviatuuri abil t\u00f6\u00f6tab. Juurdep\u00e4\u00e4setavus peab olema osa projekteerimisprotsessist - m\u00f5ne kasutaja jaoks on see midagi palju enamat kui lihtsalt rakenduse v\u00e4limus.<\/li>\n
  3. Juba varakult soovisime saada tagasisidet pimedate ja teiste erivajadustega kasutajate arvamustest rakenduse kasutusmugavuse kohta.<\/li>\n
  4. T\u00f5eliselt head meetodid juurdep\u00e4\u00e4setavuse regressioonide j\u00e4lgimiseks olid vajalikud.<\/li>\n<\/ol>\n

    \nNoh, inseneri seisukohalt, k\u00f5las esimene osa \u00fcsna p\u00f5nevalt - arhitektuuri arendamine ja komponente raamatukogu rakendamine. Ja t\u00f5epoolest, nii see oligi.<\/p>\n

    Astudes sammu tagasi, vaadates ARIA n\u00e4iteid<\/a><\/noindex> Ja m\u00f5eldes sellele kui disainiprobleemile, mitte \u201ekohandamise\u201d probleemile, oleme sisse viinud m\u00f5ned abstraktsioonid. Komponendil on \u201eStruktuur\u201d (koosneb HTML-elementidest) ja \u201eK\u00e4itumine\u201d (kuidas see kasutajaga suhtleb). N\u00e4iteks allolevates fragmentides on meil lihtne mittej\u00e4rgitud nimekiri. Kui nimekirjale lisatakse \u201ek\u00e4itumine\u201d, lisatakse vastavad rollid, et see toimiks nimekirjana. Samamoodi teeme ka men\u00fc\u00fc puhul.<\/p>\n

    \"Suunas
    \n
    \nTegelikult lisatakse siia mitte ainult rolle, vaid ka s\u00fcndmuste t\u00f6\u00f6tlejad navigeerimiseks klaviatuuri abil.<\/p>\n

    See juba n\u00e4eb korralikum v\u00e4lja. Kui suudaksime saavutada puhta eristamise nende vahel, ei oleks oluline, kuidas struktuur loodi, v\u00f5iksime sellele rakendada k\u00e4itumisi (Behaviours) ja saavutada \u00f5ige ligip\u00e4\u00e4setavuse.<\/p>\n

    Seda saab praktikas n\u00e4ha aadressil https:\/\/stardust-ui.github.io\/react\/<\/a><\/noindex> \u2013 UX raamatukogus React<\/a><\/noindex>, mis on kavandatud ja ellu viidud ligip\u00e4\u00e4setavuse arvestamisega alates algusest.<\/p>\n

    Teise osa \u2013 l\u00e4henemise ja protsesside muutmine disaini \u00fcmber ehmatas mind alguses: tagasihoidlikud insenerid, kes p\u00fc\u00fcdsid viia ellu organisatsioonilisi muutusi, ei l\u00f5ppenud alati h\u00e4sti, kuid see osutus \u00fcheks k\u00f5ige huvitavamaks valdkonnaks, kus me tegime m\u00e4rkimisv\u00e4\u00e4rse panuse protsessi. L\u00fchidalt \u00f6eldes oli meil j\u00e4rgmine protsess: uus funktsionaalsus t\u00f6\u00f6tati v\u00e4lja \u00fche meeskonna poolt, seej\u00e4rel meie juhtgrupp anal\u00fc\u00fcsis \/ iteratsioonis seda ettepanekut ning p\u00e4rast heakskiitu edastati disain tavaliselt inseneride meeskonnale. Sellisel juhul \u201eomastas\u201d inseneride meeskond juurdep\u00e4\u00e4setavuse funktsionaalsuse, kuna nad pidid lahendama k\u00f5ik sellega seotud probleemid.<\/p>\n

    Alguses oli see \u00fcsna keeruline t\u00f6\u00f6 \u2013 selgitada, et ligip\u00e4\u00e4setavus ja kasutusmugavus on tihedalt seotud ning et see tuleb arvesse v\u00f5tta juba projekteerimise etapis, vastasel juhul viib see suurte muudatuste ja m\u00f5nede rollide \u00fcmbersuunamiseni. Sellegipoolest, juhtkonna ja v\u00f5tmeisikute toetusel, edastasime selle idee ja panime selle t\u00f6\u00f6le, et kujundused l\u00e4biksid ligip\u00e4\u00e4setavuse ja kasutusmugavuse kontrolli enne, kui need ette kantakse juhtkonnale.<\/p>\n

    Ja need tagasisided olid k\u00f5ikidele \u00e4\u00e4rmiselt v\u00e4\u00e4rtuslikud \u2013 see oli fantastiline teadmiste vahetamise harjutus, kuidas kasutajad suhtlevad veebirakendustega. Me tuvastasime arvukad kasutajaliidese probleemsed kohad enne nende ehitamist. Arendustiimidel on n\u00fc\u00fcd tunduvalt paremad spetsifikatsioonid, mis k\u00e4sitlevad mitte ainult visuaalseid, vaid ka k\u00e4itumuslikke disainiaspekte. Tegelikud arutelud \u2013 need on l\u00f5busad, energilised ja kirglikud arutelud tehniliste aspektide ja interaktsioonide \u00fcle.<\/p>\n

    Me saaksime selle t\u00f6\u00f6 veelgi paremini teha, kui nendel (v\u00f5i j\u00e4rgmistel) kohtumistel oleksid kohal n\u00e4gemispuudega ja erivajadustega kasutajad \u2013 see oli keeruline korraldada, kuid n\u00fc\u00fcd teeme koost\u00f6\u00f6d nii kohalike n\u00e4gemispuudega organisatsioonidega kui ka ettev\u00f5tetega, kes pakuvad v\u00e4list testimist kostumuse kontrollimiseks arenduse varases staadiumis \u2013 nii komponentide kui ka j\u00f5udluse tasemel.<\/p>\n

    N\u00fc\u00fcd on inseneridel \u00fcsna \u00fcksikasjalikud spetsifikatsioonid, kergesti k\u00e4ttesaadavad komponendid, mida nad saavad rakendamiseks kasutada, ja meetod, kuidas kontrollida t\u00f6\u00f6voogu. Osaliselt on kogemus \u00f5petanud meile, mida me pidevalt unustasime \u2013 kuidas me saame takistada regressiooni. Samuti saavad inimesed kasutada integratsioonikatseid v\u00f5i l\u00f5plikke teste, et kontrollida funktsionaalsust, mis on vajalik muudatuste avastamiseks interaktsioonides ja t\u00f6\u00f6voogudes \u2013 nii visuaalsetes kui ka k\u00e4itumuslikes.<\/p>\n

    Visuaalse regressiooni m\u00e4\u00e4ratlemine on \u00fcsna konkreetne \u00fclesanne, lisada sellele protsessile on v\u00e4ga v\u00e4he, ehkki v\u00f5ib-olla tuleb kontrollida, kas klaviatuuriga navigeerimisel on fookus n\u00e4htav. Kaks suhteliselt uut tehnoloogiat ligip\u00e4\u00e4setavuse osas on palju huvitavamad.<\/p>\n

      \n
    1. Accessibility Insights<\/a><\/noindex> on t\u00f6\u00f6riistakomplekt, mida saab kasutada nii brauseris kui ka ehitamis-\/testimisprotsessi k\u00e4igus probleemide tuvastamiseks.<\/li>\n
    2. Ekraanilugude t\u00f6\u00f6 kontrollimine oli eriti keeruline \u00fclesanne. Ligip\u00e4\u00e4suandmete tutvustamisega Accessibility DOM<\/b>, oleme l\u00f5puks saanud v\u00f5imaluse teha rakenduse ligip\u00e4\u00e4setavuse vaatenurgast ekranipilte, mis on v\u00e4ga sarnased sellele, kuidas me neid visuaalsete testide jaoks teeme, ning kontrollida neid regressiooni suhtes.<\/li>\n<\/ol>\n

      \nNii et teise osa loo kohaselt - oleme liikunud HTML-koodi redigeerimiselt k\u00f5rgema abstraktsioonitaseme t\u00f6\u00f6le, muutes disainiprotsessi ja viies sisse p\u00f5hjaliku testimise. Uued protsessid, uued tehnoloogiad ja uued abstraktsioonitasemed on t\u00e4ielikult muutnud arusaama ligip\u00e4\u00e4setavusest ja sellest, mida t\u00e4hendab selles valdkonnas t\u00f6\u00f6tamine.
      \nKuid see on alles algus.<\/p>\n

      J\u00e4rgnev \"teadlikkus\" on see, et n\u00e4gemispuudega kasutajad edendavad uuenduslikke tehnoloogiaid \u2013 just nemad saavad kasu mitte ainult eelnevalt kirjeldatud muudatustest, vaid ka sellest, et uued l\u00e4henemised ja ideed saavad v\u00f5imalikuks ML\/AI abil. N\u00e4iteks Immersive Readeri tehnoloogia v\u00f5imaldab kasutajatel teksti paremini ja arusaadavamalt esitada. Seda saab lugeda valjult, lause struktuur jagatakse grammatiliselt ning isegi s\u00f5nade t\u00e4hendused kuvatakse graafiliselt. See ei sobitu sugugi vanasse arusaamisse \u201eteha see kergesti k\u00e4ttesaadavaks\u201c \u2013 see on kasutatavuse funktsioon, mis aitab k\u00f5iki.<\/p>\n

      ML\/AI toovad esile t\u00e4iesti uued viisid suhtlemiseks ja t\u00f6\u00f6tamiseks ning meil on hea meel olla osa j\u00e4rgmistest sammudest selles uuenduslikus teekonnas. Innovatsioon tuleneb m\u00f5tteviisi muutumisest \u2013 inimkond on eksisteerinud tuhandetega, masinad sajanditega, veebilehed paarik\u00fcmnega 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. Kuna olen selle artikli kaasautor, olen need k\u00f5rvalekalded koosk\u00f5lastanud Hughiga.<\/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 juurdep\u00e4\u00e4setavusele?<\/h2>\n