Prieinamumas prasideda nuo savarankiško naudojimo
Svetainė yra prieinama, kai žmonės gali ja patikimai naudotis, nepaisant skirtingų gebėjimų ir naudojimo situacijų. Tai apima akluosius ir silpnaregius, kurčiuosius, žmones su motorikos ar kognityviniais sutrikimais ir daugelį vyresnio amžiaus vartotojų. Lūžusi ranka, triukšminga aplinka ar lėtas interneto ryšys taip pat gali laikinai apsunkinti naudojimą. Todėl prieinamumas nėra skirtas nedidelei, atrinktai grupei, o pagerina prieigą įvairiems žmonėms.
Ar paslauga tikrai prieinama, parodoma konkrečiomis užduotimis. Ar asmuo gali rasti susitikimą, pateikti formą ar nukopijuoti telefono numerį nesusidurdamas su navigacijos problemomis? Ar jie supranta, kokios informacijos reikia ir kas nutinka po pateikimo? Geranoriškas pranešimas apie prieinamumą mažai naudingas, jei svarbi informacija pateikiama tik grafike arba dialogo lango negalima uždaryti be pelės.
Svetainių operatoriams naudingas paprastas požiūrio pakeitimas: dėmesys sutelkiamas ne į atskiras funkcijas, o į visą kelią iki tikslo. Aiškiai įskaitomo pagrindinio puslapio nepakanka, jei užsakymo procesas lieka neaiškus. Todėl pirmiausia apsvarstykite dažniausius ir svarbiausius kelius, kuriais eina jūsų lankytojai. Būtent ten kliūtys tampa ypač akivaizdžios, o patobulinimai ten tiesiogiai lemia didesnę nepriklausomybę, saugumą ir pasitikėjimą.
Aiški puslapio struktūra užtikrina patikimą orientaciją.
Žmonės tinklalapius apdoroja skirtingai. Vieni peržvelgia antraštes, kiti priartina turinį, o akliesiems elementus garsiai skaito ekrano skaitytuvas. Aiški struktūra padeda visose šiose situacijose. Kiekvienas puslapis turėtų turėti atpažįstamą pagrindinę temą, o antraštės turėtų logiškai suskirstyti turinį. Tie, kurie skaito tik antraštes, jau turi suprasti, apie ką yra puslapis ir kur rasti ieškomą informaciją.
Pasikartojantiems elementams taip pat reikalinga fiksuota vieta. Logotipas, pagrindinė navigacija, paieška ir kontaktinė informacija neturėtų keisti savo pozicijos ar žymės kiekviename puslapyje. Nuoseklus išdėstymas palengvina darbą žmonėms, kuriems sunku orientuotis ar prisiminti procesus. Prasmingi puslapių pavadinimai ir aiški dabartinės skilties nuoroda yra ypač naudingi. Tokiu būdu visada aišku, kur esate ir kaip grįžti prie pagrindinės temos.
Venkite puslapių, kuriuose daug vienodai svarbių elementų konkuruoja dėl dėmesio. Jei įėjimo taške dominuoja trys reklaminės juostos, kelios plytelės ir automatiškai besisukantis vaizdas, svarbiausia informacija lieka neaiški. Turinį rūšiuokite pagal svarbą ir svarbiausią veiksmą pateikite aiškiai matomoje vietoje. Aiški hierarchija ne tik palengvina naršymą, bet ir pagreitina sprendimų priėmimą bei sumažina atsitiktinių paspaudimų skaičių.
Įskaitomas dizainas veikia be spėlionių.
Geras skaitomumas pasiekiamas naudojant pakankamai didelius šrifto dydžius, aiškias simbolių formas ir tinkamus tarpus tarp eilučių ir pastraipų. Labai plonas šriftas arba tankiai išdėstytas tekstas gali varginti net ir gerą regėjimą turinčius žmones. Ši problema dar labiau paaštrėja mažuose ekranuose. Vartotojai turėtų galėti padidinti tekstą nenukerpant turinio ir nereikalaujant slinkti horizontaliai. Todėl patikrinkite ne tik įprastą rodinį, bet ir žymiai padidintas versijas.
Spalvos gali palaikyti informaciją, bet neperteikti jos pačios. Raudonas rėmelis aplink neteisingą formos lauką gali būti neatpažįstamas žmonėms su sutrikusia spalvų regos negalia. Pridėkite aiškų pranešimą ir aiškiai pažymėkite paveiktą lauką. Tas pats pasakytina apie diagramas, būsenos indikatorius ir pasirinktus meniu elementus. Raštai, simboliai arba tekstas užtikrina, kad reikšmė išliktų net ir be tikslaus spalvų suvokimo.
Pakankamas kontrastas leidžia įskaityti tekstą, mygtukus ir įvesties laukus esant skirtingoms apšvietimo sąlygoms. Šviesiai pilka spalva baltame fone dažnai atrodo elegantiškai, bet greitai tampa neįskaitoma. Maži užrašai, vietos žymekliai ir užrašai ant paveikslėlių yra ypač svarbūs. Patikrinkite kontrastus projektavimo proceso metu, o ne tik prieš publikavimą. Tai leidžia keisti spalvas be varginančio galutinio dizaino taisymo.
Visos pagrindinės funkcijos turi būti pasiekiamos klaviatūra.
Ne visi gali patikimai naudoti pelę ar jutiklinį ekraną. Kai kurie žmonės pasikliauja tik klaviatūra, balso įvestimi ar kitu įvesties įrenginiu. Todėl nuorodos, mygtukai, meniu ir formos laukai turi būti pasiekiami logine seka. Tab klavišas turėtų atitikti matomą puslapio išdėstymą. Peršokant į paslėptas sritis arba apibraukiant komponente net paprastas užduotis be reikalo apsunkinama.
Dabartinis fokusavimo taškas turi likti aiškiai matomas. Nepakanka vos pastebimo šešėlio, vos išsiskiriančio iš fono. Klaviatūra naršantys vartotojai visada turi matyti, kuris elementas bus aktyvuotas kitu klavišo paspaudimu. Numatytąjį fokusavimo žymeklį pašalinkite tik tuo atveju, jei sukuriate tokį pat aiškų pakaitalą. Tai taip pat taikoma meniu, slapukų dialogo langams, paieškos pasiūlymams ir iššokantiems langams.
Visiškai išbandykite pagrindinius naršymo kelius be pelės. Atidarykite naršymą, pasirinkite pasiūlymą, užpildykite formą ir uždarykite visus dialogo langus. Atkreipkite dėmesį į visus atvejus, kai fokusavimas dingsta arba kai veiksmas įmanomas tik vilkant, braukiant ar rodant. Šis paprastas testas atskleis daugybę kliūčių, kurios lieka nepastebėtos naudojant įprastą pelę.
Aiškus turinys padeda greičiau imtis tinkamų veiksmų
Prieinamas turinys skaitytojams iš anksto praneša, ką jiems reikia žinoti ar daryti. Pradėkite nuo svarbiausios žinutės, o tada paaiškinkite visas būtinas detales. Ilgos įžangos, techninis žargonas ir neaiškios nuorodos apsunkina naršymą. Užuot rašius „Daugiau informacijos rasite čia“, nuoroda turėtų nurodyti jos paskirtį, pvz., „Dokumentai būsto išmokos paraiškai“. Tai užtikrina, kad jos reikšmė išliktų aiški net ir garsiai skaitoma už pastraipos ribų.
Trumpi sakiniai yra naudingi, tačiau aiškumas nereiškia, kad kiekviena turinio dalis turi būti pernelyg supaprastinta. Prireikus paaiškinkite nepažįstamus terminus ir nuosekliai vartokite tą patį terminą. Jei puslapyje kaitaliojasi kliento paskyra, profilis ir vartotojo sritis, tai sukelia nereikalingą painiavą. Konkretūs pavyzdžiai ypač naudingi kalbant apie terminus, reikalavimus ar dviprasmiškus sprendimus, jei jie nepakeičia tikrojo turinio.
Antraštės, žymos ir mygtukai turėtų patikimai atitikti lūkesčius. Mygtukas su užrašu „Toliau“ mažai ką atskleidžia, o mygtukas „Patikrinti informaciją“ paaiškina kitą žingsnį. Įspėjimuose turėtų būti nurodyta problema ir galimas sprendimas. Draugiška, tiesmuka kalba padeda žmonėms, turintiems ribotus skaitymo įgūdžius, taip pat tiems, kurie dirba laiko spaudimu. Todėl aiškus tekstas yra esminė naudojimo patogumo dalis, o ne vėlesnis kalbinis pagražinimas.
Formoms reikia nedviprasmiškų klausimų ir naudingo grįžtamojo ryšio.
Formos yra viena iš dažniausiai pasitaikančių vietų, kur žmonės palieka svetainę. Kiekvienas laukas turi būti aiškiai matomoje etiketėje, paaiškinančioje jo paskirtį. Pavyzdys lauke gali būti naudingas, tačiau jis neturėtų pakeisti etiketės, nes ji dingsta rašant. Prašykite tik tos informacijos, kuri tikrai būtina procesui. Trumpesnės formos yra lengviau suprantamos, greičiau užpildomos ir jose yra mažiau klaidų.
Privalomi laukai ir numatomi formatai prieš įvedant turi būti aiškiai atpažįstami. Jei reikalingas konkretus datos formatas, pateikite suprantamą pavyzdį. Jei įmanoma, leiskite naudoti įprastus formatus, užuot atmetę vartotojus dėl tarpų ar brūkšnelių. Ilgesniems procesams naudingas aiškus eigos indikatorius, jei jis rodo, kuri dalis yra apdorojama ir kiek veiksmų liko.
Jei įvyksta klaida, pranešimas turi būti šalia atitinkamo lauko ir aiškiai paaiškinti, ką reikia pakeisti. „Neteisinga įvestis“ palieka vartotojus be nurodymų, o „Įveskite penkių skaitmenų pašto kodą“ siūlo sprendimą. Po pateikimo taip pat būtinas aiškus patvirtinimas. Jame turėtų būti nurodyta, ar pateikimas buvo sėkmingas ir kada galima tikėtis atsakymo.
Vaizdams, garso ir vaizdo įrašams reikalinga lygi prieiga
Vaizdai dažnai perteikia informaciją, kurios trūksta aplinkiniame tekste. Alternatyvus tekstas trumpai apibūdina, kas svarbu puslapio paskirčiai. Komandos profilyje esančioje nuotraukoje gali pakakti pavadinimo ir funkcijos. Tačiau diagramoje pranešimas ir atitinkamos vertės turi būti prieinamos net ir be vaizdo. Grynai dekoratyvinius vaizdus pagalbinės technologijos turėtų praleisti, kad jie nepailgintų turinio beprasmiais failų pavadinimais ar pasikartojimais.
Vaizdo įrašuose reikalingi subtitrai kalbant turiniui ir svarbiems garso efektams. Jei iš garso įrašo neaiškūs vizualiniai veiksmai, gali prireikti ir garso aprašymo. Transkripcija suteikia išsamesnę prieigą ir palengvina konkrečių teiginių skaitymą ar paiešką. Subtitrus reikėtų atidžiai peržiūrėti, nes automatiškai sugeneruotose versijose dažnai painiojami pavadinimai, techniniai terminai ar skaičiai, taip pakeisdamos jų reikšmę.
Medija neturėtų netikėtai prasidėti garsu. Judantis turinys turėtų būti pristabdomas, jei jis blaško dėmesį arba apsunkina skaitymą. Taip pat atkreipkite dėmesį į greitai mirksinčius efektus ir chaotiškus perėjimus. Valdikliai naudingi tik tuo atveju, jei jų mygtukai yra aiškiai pažymėti ir pasiekiami klaviatūra. Tai užtikrina, kad turinys išliktų tinkamas naudoti žmonėms su klausos, regos ar susikaupimo sutrikimais, netrukdant kitiems lankytojams.
Kokybė ypač pastebima mažuose ekranuose.
Daugelis žmonių svetaines dažniausiai lanko naudodamiesi išmaniaisiais telefonais. Tai apima ribotą ekrano erdvę, besikeičiančias apšvietimo sąlygas ir valdymą pirštais. Todėl jutiklinės sritys turėtų būti pakankamai didelės ir tarp jų turėtų būti tinkami atstumai. Mažas uždarymo mygtukas dialogo lango krašte gali būti praktiškai nepasiekiamas riboto judumo žmonėms. Gerai išdėstyti, aiškiai pažymėti valdikliai apsaugo nuo netyčinių veiksmų.
Turinys turėtų prisitaikyti prie siaurų ekranų dydžių neprarandant esminių funkcijų. Ypatingą dėmesį atkreipkite į lenteles, žemėlapius, slapukų nustatymus ir kelių lygių naršymą. Jei informacija rodoma tik užvedus pelės žymeklį ant elemento, jutikliniuose įrenginiuose jos visiškai nebus. Užtikrinkite tą pačią funkciją bakstelėjimu arba matoma nuoroda ir užtikrinkite, kad rodomą turinį būtų galima lengvai uždaryti.
Įrenginio orientacija neturėtų būti nustatyta be rimtos priežasties. Kai kurie žmonės savo planšetinį kompiuterį ar išmanųjį telefoną laiko fiksuotame laikiklyje ir negali jo pasukti. Todėl puslapis, kuris veikia tik portreto režimu, gali tapti netinkamas naudoti. Lankstus dizainas nuo pat pradžių atsižvelgia į tokias situacijas ir sujungia mobilųjį naudojimą su prieinamumu, užuot sprendęs šiuos du klausimus atskirai.
Realaus naudojimo testai atskleidžia daugiau nei automatinius patikrinimus.
Automatinės tikrinimo priemonės gali greitai aptikti trūkstamas etiketes, silpnus kontrastus ir tam tikras struktūrines klaidas. Jos yra naudingas atspirties taškas, tačiau negali nustatyti, ar navigacija yra suprantama, ar klaidos pranešimas yra tikrai naudingas. Net jei techniškai yra alternatyvus tekstas, jis vis tiek gali būti nenaudingas. Todėl tokių priemonių rezultatus reikėtų laikyti pasiūlymais ir peržiūrėti žmonių, galinčių įvertinti puslapio kontekstą.
Techninius patikrinimus papildykite paprastais rankiniais testais. Padidinkite puslapį, naršykite naudodami tik klaviatūrą ir klausykitės pagrindinių skyrių naudodami ekrano skaitytuvą. Dar informatyvesni yra testai su žmonėmis, kurie kasdieniame gyvenime naudoja įvairias pagalbines technologijas ir strategijas. Duokite jiems realią užduotį, pavyzdžiui, surasti įvykį ar išsiųsti užklausą, ir stebėkite, kur sutrinka orientacija ar veiksmas.
Atsiliepimai turėtų būti vertinami pagal jų poveikį. Neprieinama rezervavimo parinktis arba trūkstama sveikatos informacija yra svarbesni nei nedidelė tarpų klaida. Dokumentuokite, kuri problema kyla kuriame puslapyje ir kurie vartotojai yra paveikti. Po ištaisymo tas pats procesas turi būti išbandytas dar kartą. Tokiu būdu ilgas bendrų atsiliepimų rinkinys tampa patikrinamu faktinio naudojimo patogumo pagerinimu.
Prieinamumas tampa tvarus, kai atsakomybė yra aiški.
Prieinama svetainė nesukuriama vienu kapitaliniu remontu. Naujas turinys, funkcijos ir kampanijos gali bet kada sukelti naujų kliūčių. Todėl kiekvienam vaidmeniui reikia atitinkamos atsakomybės. Redakcijos komandos daugiausia dėmesio skiria aiškiems teksto ir vaizdų aprašymams, dizaino komandos – kontrastui ir bendram pateikimui, o kūrimo komandos – patogumui naudoti ir techninei struktūrai. Tie, kurie tvirtina turinį, turėtų žinoti, kurias pagrindines savybes reikia patikrinti prieš publikuojant.
Naudingi yra prieinami šablonai ir daugkartinio naudojimo komponentai. Jei formos, dialogai ir navigacija jau yra gerai suprojektuoti ir išbandyti, komandoms nereikia spręsti tų pačių problemų kiekvienam puslapiui iš naujo. Redakcinės sąsajos turėtų aiškiai raginti pateikti būtiną informaciją, pvz., alternatyvųjį tekstą. Tuo pačiu metu turi būti vietos išimtims, nes sudėtingai diagramai reikalingas kitoks aprašymas nei dekoratyvinei nuotraukai. Geri pagrindai palengvina teisingą įgyvendinimą kasdienėje praktikoje.
Didžiausia praktinė nauda gaunama, kai lankytojai gali atlikti svarbias užduotis be išvengiamų kliūčių. Pradėkite nuo dažniausiai naudojamų kelių, pašalinkite reikšmingas kliūtis ir išbandykite poveikį su realiais vartotojais. Šis laipsniškas požiūris ne tik pagerina atskirų puslapių prieinamumą, bet ir visos svetainės kokybę. Atsiranda įtrauki internetinė erdvė, kurioje suprantamumas, dizainas ir technologijos yra orientuoti į savarankišką naudojimą.