Ligipääsetavus algab iseseisvast kasutamisest
Veebisait on ligipääsetav, kui erinevate võimete ja kasutusolukordadega inimesed saavad seda usaldusväärselt kasutada. See hõlmab pimedaid ja nägemispuudega inimesi, kurte inimesi, motoorsete või kognitiivsete puuetega inimesi ja paljusid vanemaid kasutajaid. Isegi murtud käsi, lärmakas keskkond või aeglane internetiühendus võivad teenuse kasutamise ajutiselt keeruliseks muuta. Seega ei ole ligipääsetavus suunatud väikesele niširühmale, vaid parandab ligipääsu laiale hulgale inimestele.
Teenuse tegelikku ligipääsetavust näitavad konkreetsed ülesanded. Kas inimene saab leida aja, esitada vormi või kopeerida telefoninumbri ilma navigeerimisel takerdumata? Kas nad saavad aru, millist teavet on vaja ja mis juhtub pärast esitamist? Heasoovlikust ligipääsetavuse teatest on vähe abi, kui oluline teave on esitatud ainult graafikul või dialoogiboksi ei saa hiireta sulgeda.
Veebisaidi operaatorite jaoks on abiks lihtne perspektiivi muutus: fookus ei ole üksikutel funktsioonidel, vaid kogu teel eesmärgini. Kergesti loetavast avalehest ei piisa, kui tellimisprotsess jääb arusaamatuks. Seetõttu mõelge kõigepealt külastajate kõige sagedasematele ja olulisematele teedele. Takistused on seal eriti ilmsed ja täiustused seal toovad otseselt kaasa suurema iseseisvuse, turvalisuse ja usalduse.
Selge lehe struktuur tagab usaldusväärse orientatsiooni
Inimesed töötlevad veebisaite erinevalt. Mõned sirvivad pealkirju, teised suumivad sisu sisse ja pimedad inimesed lasevad ekraanilugejal elemente ette lugeda. Selge struktuur aitab kõigis neis olukordades. Igal lehel peaks olema äratuntav põhiteema ja pealkirjad peaksid sisu loogiliselt jagama. Need, kes loevad ainult pealkirju, peavad juba aru saama, millest leht räägib ja kust leida otsitavat teavet.
Ka korduvad elemendid vajavad kindlat asukohta. Logo, peamine navigeerimine, otsing ja kontaktandmed ei tohiks oma asukohta ega silte leheküljeti muuta. Järjepidev paigutus lihtsustab kasutajate tegevust, kellel on raskusi orienteerumise või protsesside meeldejätmisega. Eriti kasulikud on sisukad lehepealkirjad ja selge märge praegusest jaotisest. Nii näevad kasutajad alati, kus nad asuvad ja kuidas üldisema teema juurde naasta.
Vältige lehti, kus tähelepanu pärast võistlevad paljud võrdselt silmapaistvad elemendid. Kui sisenemispunktis domineerivad kolm ribareklaami, mitu paani ja automaatselt muutuv pilt, jääb oluline teave ebaselgeks. Sorteerige sisu olulisuse järgi ja andke kõige olulisemale toimingule silmapaistev koht. Selge hierarhia mitte ainult ei lihtsusta navigeerimist, vaid kiirendab ka otsuste langetamist ja vähendab juhuslikke klikke.
Loetav disain töötab ilma aimamiseta
Hea loetavus saavutatakse piisavalt suurte kirjasuuruste, selgete tähemärkide kujude ning piisava rea- ja lõiguvahega. Väga õhukesed fondid või tihedalt pakitud tekst võivad olla väsitavad isegi hea nägemisega inimestele. See probleem süveneb väikestel ekraanidel. Kasutajad peaksid saama teksti suurendada ilma sisu ära lõikamata või horisontaalset kerimist nõudmata. Seetõttu kontrollige lisaks tavalisele vaatele ka oluliselt suurendatud versioone.
Värv võib toetada teavet, kuid see ei tohiks olla ainus tähenduse allikas. Punane ääris vale vormivälja ümber ei pruugi olla värvinägemispuudega inimestele nähtav. Lisage selge sõnum ja märkige üheselt mõjutatud väli. Sama kehtib diagrammide, olekuindikaatorite ja valitud menüüüksuste kohta. Mustrid, sümbolid või tekst tagavad tähenduse säilimise ka ilma täpse värvitajuta.
Piisav kontrastsus muudab teksti, nupud ja sisestusväljad loetavaks erinevates valgustingimustes. Helehall valgel taustal näeb sageli elegantne välja, kuid muutub kiiresti loetamatuks. Väikesed märkmed, kohatäited ja pealdised piltidel on eriti olulised. Kontrollige kontraste kujundamisprotsessi ajal, mitte ainult enne avaldamist. See võimaldab värve hõlpsalt reguleerida ilma tüütute parandusteta valmis kujunduses.
Kõik olulised funktsioonid peavad olema klaviatuuri kaudu ligipääsetavad.
Kõik ei saa hiirt ega puutetundlikku ekraani usaldusväärselt kasutada. Mõned tuginevad ainult klaviatuurile, häälsisendile või muule sisendseadmele. Seetõttu peavad lingid, nupud, menüüd ja vormiväljad olema ligipääsetavad loogilises järjestuses. Tab-klahv peaks säilitama fookuse vastavalt nähtavale lehepaigutusele. Peidetud aladele hüppamine või komponendi sees ringiga tegemine muudab isegi lihtsad toimingud tarbetult keeruliseks.
Praegune fookus peab jääma selgelt nähtavaks. Õrn vari, mis on taustast vaevu eristatav, ei ole piisav. Klaviatuuriga navigeerivad kasutajad peavad alati nägema, milline element järgmise klahvivajutusega aktiveeritakse. Eemaldage vaikefookuse marker ainult siis, kui loote sama selge asenduse. See kehtib ka menüüde, küpsiste dialoogide, otsingusoovituste ja hüpikakende kohta.
Testige peamisi navigeerimisteid täielikult ilma hiireta. Avage navigeerimine, valige pakkumine, täitke vorm ja sulgege kõik dialoogid. Pöörake tähelepanu aladele, kus fookus kaob või kus toiming on võimalik ainult lohistamise, pühkimise või osutamise teel. See lihtne test paljastab palju takistusi, mis tavapärase hiirega toimides märkamatuks jäävad.
Selge sisu viib kiiremini õige toiminguni.
Ligipääsetav sisu annab lugejatele varakult teada, mida nad peavad teadma või tegema. Alustage kõige olulisema väitega ja seejärel selgitage vajalikke üksikasju. Pikad sissejuhatused, sisemine žargoon ja ebaselged viited raskendavad navigeerimist. „Lisateavet leiate siit” asemel peaks link näitama oma sihtkohta, näiteks „Eluasemetoetuse taotluse dokumendid”. See tagab, et selle tähendus jääb selgeks ka siis, kui seda valjusti ette loetakse väljaspool lõiku.
Lühikesed laused on abiks, kuid selgus ei tähenda iga sisuosa ülelihtsustamist. Selgitage tundmatuid termineid vajadusel ja kasutage sama terminit järjepidevalt. Kui veebisait viitab vaheldumisi kliendikontole, profiilile ja kasutajaalale, tekitab see tarbetut ebakindlust. Konkreetsed näited on eriti kasulikud tähtaegade, nõuete või mitmetähenduslike otsuste puhul, kui need ei asenda tegelikku sisu.
Pealkirjad, sildid ja nupud peaksid ootustele usaldusväärselt vastama. Nupp sildiga „Järgmine” ei paljasta palju, samas kui „Kontrolli teavet” selgitab järgmist sammu. Hoiatused peaksid esitama probleemi ja võimaliku lahenduse. Sõbralik ja otsekohene keel toetab piiratud lugemisoskusega inimesi ja neid, kes töötavad ajalise surve all. Selge tekst on seega kasutatavuse oluline osa, mitte hilisem keeleline ilustus.
Vormid vajavad üheselt mõistetavaid küsimusi ja kasulikku tagasisidet.
Vormid on ühed sagedasemad kohad, kus inimesed veebisaidilt lahkuvad. Igal väljal on vaja püsivalt nähtavat silti, mis selgitab selle eesmärki. Väljal olev näide võib olla abiks, kuid ei tohiks silti asendada, kuna see kaob tippimisel. Küsige ainult teavet, mis on protsessi jaoks tõeliselt vajalik. Lühemad vormid on lihtsamini mõistetavad, kiiremini täidetavad ja tekitavad vähem vigu.
Kohustuslikud väljad ja eeldatavad vormingud peavad enne sisestamist olema selgelt tuvastatavad. Kui on vaja kindlat kuupäevavormingut, tooge arusaadav näide. Lubage võimaluse korral tavalisi vorminguid, mitte lükake kasutajaid tühikute või sidekriipsude tõttu tagasi. Pikemate protsesside puhul on abiks selge edenemisnäidik, kui see näitab, millist osa töödeldakse ja mitu sammu on veel jäänud.
Vea ilmnemisel peab teade asuma vastava välja lähedal ja selgelt selgitama, mida tuleb muuta. „Sobimatu sisestus” jätab kasutajad juhisteta, samas kui „Palun sisestage viiekohaline postiindeks” pakub lahenduse. Pärast esitamist on vajalik ka selge kinnitus. See peaks näitama, kas esitamine oli edukas ja millal on oodata vastust.
Pildid, heli ja video vajavad võrdset juurdepääsu
Pildid edastavad sageli teavet, mis ümbritsevast tekstist puudub. Alternatiivne tekst kirjeldab seejärel lühidalt, mis on lehe eesmärgi jaoks oluline. Meeskonna profiilis oleva foto puhul võib piisata nimest ja funktsioonist. Diagrammi puhul peavad aga sõnum ja asjakohased väärtused olema ligipääsetavad ka ilma pildita. Puhtdekoratiivsed pildid peaksid abitehnoloogiad vahele jätma, et need ei pikendaks sisu mõttetute failinimede või kordustega.
Videotes on vaja subtiitreid kõnesisu ja oluliste heliefektide jaoks. Kui visuaalsed tegevused helist selgelt ei selgu, võib olla vajalik ka helikirjeldus. Transkript pakub paremat juurdepääsu ja lihtsustab konkreetsete väidete lugemist või otsimist. Subtiitrid tuleks hoolikalt üle vaadata, kuna automaatselt genereeritud versioonid ajavad nimed, tehnilised terminid või numbrid sageli segi, muutes seeläbi nende tähendust.
Meedia ei tohiks ootamatult heliga alata. Liikuv sisu peaks olema peatatav, kui see muutub segavaks või raskesti loetavaks. Pöörake tähelepanu ka kiiresti vilkuvatele efektidele ja kiiretele üleminekutele. Juhtnupud on kasulikud ainult siis, kui nende nupud on selgelt märgistatud ja klaviatuuri kaudu ligipääsetavad. See tagab, et sisu jääb kuulmis-, nägemis- või keskendumispuudega inimestele kasutatavaks, ilma et see häiriks teisi külastajaid.
Väikestel ekraanidel on kvaliteet eriti märgatav.
Paljud inimesed külastavad veebisaite peamiselt nutitelefonide abil. Piiratud ruum, muutuvad valgustingimused ja sõrmedega juhtimine on kõik nendes keskkondades olulised. Puutealad peaksid seega olema piisavalt suured ja üksteisest piisavalt kaugel. Väike sulgemisnupp dialoogiboksi servas võib olla piiratud liikumisvõimega inimestele praktiliselt kättesaamatu. Hästi paigutatud ja selgelt märgistatud juhtnupud hoiavad ära tahtmatud toimingud.
Sisu peaks kohanduma kitsaste ekraanisuurustega, ohverdamata olulist funktsionaalsust. Pöörake erilist tähelepanu tabelitele, kaartidele, küpsiste seadetele ja mitmetasandilisele navigeerimisele. Kui teave kuvatakse ainult siis, kui hiirekursor elemendi kohal liigub, pole see puutetundlikes seadmetes üldse saadaval. Pakkuge sama funktsionaalsust puudutuse või nähtava lingi kaudu ja veenduge, et kuvatavat sisu saaks hõlpsalt sulgeda.
Seadme orientatsiooni ei tohiks ka ilma mõjuva põhjuseta nõuda. Mõned inimesed kinnitavad oma tahvelarvuti või nutitelefoni fikseeritud alusele ega saa seda pöörata. Leht, mis töötab ainult püstpaigutusrežiimis, võib seetõttu muutuda kasutuskõlbmatuks. Paindlik disain võtab selliseid olukordi algusest peale arvesse ja ühendab mobiilse kasutatavuse ligipääsetavusega, selle asemel, et neid kahte probleemi eraldi käsitleda.
Reaalse maailma kasutatavustestid näitavad enamat kui lihtsalt automatiseeritud kontrollid
Automaatsed testimistööriistad suudavad kiiresti tuvastada puuduvad sildid, nõrgad kontrastid ja teatud struktuurivead. Need on kasulikuks lähtepunktiks, kuid ei määra, kas navigeerimine on arusaadav või kas veateade on tegelikult kasulik. Isegi tehniliselt olemasolev alternatiivne tekst võib olla kasutu. Seetõttu tuleks selliste tööriistade tulemusi pidada indikaatoriteks ja neid peaksid üle vaatama inimesed, kes oskavad hinnata lehe konteksti.
Täiendage tehnilisi kontrolle lihtsate käsitsi testidega. Suumige lehel sisse, navigeerige ainult klaviatuuri abil ja kuulake ekraanilugejaga olulisi osi. Testid inimestega, kes kasutavad oma igapäevaelus erinevaid abitehnoloogiaid ja -strateegiaid, on veelgi informatiivsemad. Andke neile reaalne ülesanne, näiteks sündmuse leidmine või päringu saatmine, ja jälgige, kus orienteerumine või tegevus lonkab.
Tagasisidet tuleks hinnata selle mõju põhjal. Ligipääsmatu broneerimisvõimalus või puuduv terviseteave on pakilisem kui väike tühikuviga. Dokumenteerige, milline probleem esineb millisel lehel ja milliseid kasutajaid see mõjutab. Pärast paranduse rakendamist tuleb sama teed uuesti testida. Nii saab pikast üldiste tähelepanekute kogust tegeliku kasutatavuse kontrollitav paranemine.
Ligipääsetavus muutub püsivaks, kui vastutus on selge.
Ligipääsetav veebisait ei teki ühekordse uuenduskuuri käigus. Uus sisu, funktsioonid ja kampaaniad võivad igal ajal uusi takistusi tuua. Seetõttu vajab iga kaasatud roll asjakohast vastutust. Toimetuse meeskonnad pööravad tähelepanu arusaadavatele teksti- ja pildikirjeldustele, disainimeeskonnad kontrastidele ja olekutele ning arendusmeeskonnad kasutatavusele ja tehnilisele struktuurile. Need, kes sisu heaks kiidavad, peaksid teadma, milliseid põhifunktsioone tuleb enne avaldamist kontrollida.
Ligipääsetavad mallid ja korduvkasutatavad komponendid on kasulikud. Kui vormid, dialoogid ja navigeerimine on juba hästi kujundatud ja testitud, ei pea meeskonnad iga lehe jaoks samu probleeme uuesti lahendama. Toimetuse liidesed peaksid selgelt küsima vajalikku teavet, näiteks alternatiivset teksti. Samal ajal vajavad nad ruumi eranditeks, sest keeruline diagramm nõuab teistsugust kirjeldust kui dekoratiivne foto. Kindel alus muudab igapäevapraktikas korrektse rakendamise lihtsamaks.
Suurim praktiline kasu realiseerub siis, kui külastajad saavad olulisi ülesandeid täita ilma vältimatute takistusteta. Alustage kõige sagedamini kasutatavatest teedest, kõrvaldage olulised takistused ja testige mõju päris kasutajate peal. See järkjärguline lähenemine parandab mitte ainult üksikute lehtede ligipääsetavust, vaid ka kogu pakkumise kvaliteeti. Tekib kaasav veebipõhine kohalolek, kus arusaadavus, disain ja tehnoloogia on kõik suunatud iseseisvale kasutamisele.