Išsamus prieinamos internetinės svetainės kūrimo vadovas: geriausia praktika ir patarimai

Nuotrauka, iliustruojanti įrašo turinį

Internetinės svetainės prieinamumo užtikrinimas yra svarbus svetainės kūrimo proceso žingsnis. Tai ne tik užtikrina, kad visi galės pasiekti ir mėgautis jūsų svetaine, bet ir daugeliu atvejų teisiškai reikalaujama. Prieinamos svetainės yra kuriamos atsižvelgiant į visų žmonių gebėjimus ar negalias, tokias kaip regos, klausos ar motorinius sutrikimus.

Vadovaudamiesi geriausios praktikos pavyzdžiais ir prieinamumo patarimais, galite sukurti patogią, įtraukią ir visų vartotojų poreikius atitinkančią svetainę. Šiame tinklaraščio įraše aptarsime keletą geriausių praktikos pavyzdžių ir patarimų, kaip sukurti visiems prieinamą svetainę.

Pradėkite nuo prieinamumo omenyje

Vienas iš svarbiausių dalykų, kuriuos galite padaryti kurdami prieinamą svetainę, yra pradėti ir visada išlaikyti prieinamumą omenyje. Tai reiškia, kad reikia atsižvelgti į prieinamumą kiekviename svetainės projektavimo ir kūrimo proceso žingsnyje – nuo spalvų ir šriftų pasirinkimo iki turinio valdymo sistemos (TVS) parinkimo. Kalbant apie svetainių kūrimo platformas ir turinio valdymo sismetas, yra kelios, kurios išsiskiria dėmesiu prieinamumui. Pasidalinome straipsniu apie 5 populiariausias ir prieinamiausias svetainių kūrimo platformas, aprašydami jų pranašumus ir trūkumus. 

Naudokite aiškią ir aprašomąją kalbą

Kurdami savo svetainės turinį naudokite aiškią ir lengvai suprantamą aprašomąją kalbą. Nenaudokite žargono ar techninių terminų, kurie kai kuriems naudotojams gali būti nepažįstami. Išlaikykite sakinius trumpus ir tikslius, o ilgesnes pastraipas suskaidykite į mažesnius, lengviau "virškinamus" gabalėlius.

Santrumpos ir akronimai

Kitas svarbus žingsnis – pateikti išplėstines santrumpų ir akronimų formas. Pateikite visą santrumpos reikšmę pirmą kartą, kai ji pasirodo tinklalapyje. Tai reiškia, kad jei vartotojas tinklalapyje mato santrumpą, jis gali sužinoti, ką ji reiškia, surasdamas pirmą santrumpos panaudojimą puslapyje.

Nuorodos tekstas

Nuorodos (arba inkaro) tekstas yra tas, kuris naudojamas kuriant hipersaitą į kitą tinklalapį ar svetainę. Kalbant apie prieinamumą, svarbu užtikrinti, kad nuorodos tekstas būtų aiškus ir aprašomasis. Naudotojai su negalia turėtų suprasti nuorodos tikslą nepasikliaujant aplinkiniu turiniu ar kontekstu. Venkite naudoti neaiškius terminus, pvz., „spustelėkite čia“ arba „skaityti daugiau“, kurie nepateikia jokios informacijos apie nuorodos paskirties vietą.

Struktūruokite turinį

Suskirstykite turinį į logiškas dalis ir naudokite antraštes bei paantraštes, kad būtų lengva nuskaityti turinį ir jį naršyti. Norėdami suskaidyti sudėtingą informaciją, naudokite punktus ir sunumeruotus sąrašus. Taip jūsų turinys bus lengviau suprantamas, o naudotojai greitai ras reikiamą informaciją. Pavyzdžiui, galite suskirstyti skyrių apie produkto savybes į punktų sąrašą, paryškinantį kiekvieną funkciją, kad būtų galima greitai suprasti jo ypatybes.

Pridėkite turinio lentelę

Pagalbinės technologijos, pvz., ekrano skaitytuvai ir Brailio rašto ekranai, gali sukurti turinio lentelę naudotojams su negalia, tačiau tai priklauso nuo tinkamo antraštės žymų naudojimo tinklalapio HTML žymėjime. Jei tekstinis turinys nėra struktūrizuotas naudojant tinkamas antraščių žymas, pagalbinės technologijos gali nesukurti tikslios ar naudingos turinio lentelės.

Todėl turinio kūrėjams tenka didelė atsakomybė tinkamai jį sustruktūrizuoti, kad būtų užtikrintas prieinamumas neįgaliesiems. Tai galima pasiekti naudojant tinkamas antraščių žymas (H1, H2, ir tt.) ir pateikiant aiškias bei aprašomąsias antraštes, kurios tiksliai apibūdina kiekvieno skyriaus turinį.

Be to, gerai struktūrizuotas turinys gali pagerinti bendrą svetainės ar dokumento naudojimo patirtį visiems vartotojams, ne tik tiems, kurie turi negalią. Tai gali padėti vartotojams lengvai rasti konkretų turinį ir suprasti pateikiamos informacijos organizavimą bei hierarchiją.

Vaizdams naudokite alternatyvų tekstą

Alternatyvaus (alt) teksto naudojimas vaizdams yra labai svarbus, kad jūsų svetainė būtų prieinama akliems ar silpnaregiams naudotojams. Alternatyvus tekstas apibūdina vaizdo turinį ir pateikia kontekstą naudotojams, kurie vaizdo nemato. Būtinai naudokite aprašomąjį ir tikslų alternatyvųjį tekstą. Patarimų, kaip teisingai rašyti alt tekstus rasite čia.

Užtikrinkite tinkamą spalvų kontrastą

Spalvų kontrastas yra svarbus veiksnys regos negalią turintiems vartotojams. Įsitikinkite, kad tarp teksto ir fono spalvų yra pakankamai kontrasto, kad būtų užtikrintas teksto įskaitymas. Norėdami patikrinti spalvų kontrastą, naudokite tokius įrankius kaip WebAIM spalvų kontrasto tikrintuvas (angl. WebAIM’s Color Contrast Checker).

Pirmiausia įsitikinkite, kad visas jūsų svetainės tekstas yra įskaitomas - teksto dydis ir spalvų kontrastas yra prieinami. Pavyzdžiui, naudokite 16 pt ar didesnį šrifto dydį ir bent 4,5:1 spalvų kontrastą įprastam tekstui ir 3:1 dideliam tekstui.

Multimedijos alternatyvos

Kurtiesiems ar neprigirdintiems vartotojams labai svarbu pateikti daugialypės terpės (multimedijos) turinio antraštes (angl. captions) ir nuorašus (angl. transcripts).

  1. Antraštės: Antraštės yra rašytinė vaizdo įrašo ar multimedijos pristatymo garso turinio versija. Jos pirmiausia naudojamos siekiant padaryti garso informaciją prieinamą kurtiesiems arba neprigirdintiems asmenims. Antraštėse ištarti žodžiai rodomi kaip tekstas ekrane, todėl žiūrovai gali skaityti kartu su dialogu ir suprasti garso turinį.
  2. Nuorašai: kita vertus, nuorašai pateikia rašytinę viso turinio versiją, įskaitant garso ir, jei taikoma, vaizdinę informaciją. Nuorašai iš esmės yra rašytinis dokumentas, vaizduojantis ištartus žodžius ir bet kokią kitą svarbią turinio informaciją, pvz., vaizdo, nekalbinių garsų ar foninės muzikos aprašymus.

Taip jūsų turinys bus pasiekiamas visiems naudotojams, nepaisant gebėjimų ar negalių.

Užtikrinkite prieinamumą klaviatūra

Kai kurie vartotojai negali naudoti pelės ar jutiklinio ekrano (angl. touch screen), o naršydami svetaines pasikliauja klaviatūra. Įsitikinkite, kad jūsų svetainė leidžia naudotojams naršyti ir sąveikauti su svetaine naudojant tik klaviatūrą. Tai daroma naudojant tabuliavimo (Tab) klavišą. Naudojantis Tab klavišu, galima pereiti nuo nuorodų, mygtukų į formos laukus ir atvirkščiai.

Saugokitės klaviatūros spąstų

Klaviatūros spąstai reiškia situaciją, kai vartotojas negali pereiti nuo tam tikros svetainės ar programos dalies naudodamas tik savo klaviatūrą. Taip gali nutikti, kai vartotojas naršo į svetainės skiltį, kurioje nėra jokių interaktyvių elementų, pvz., tik teksto skiltis, ir vartotojas negali pasitraukti iš tos skilties naudodamas vien klaviatūrą.

Klaviatūros spąstai gali būti varginantys ir netgi priversti kai kuriuos vartotojus palikti svetainę ar programą. Norėdami išvengti klaviatūros spąstų, žiniatinklio kūrėjai turėtų užtikrinti, kad visi interaktyvūs svetainės elementai, tokie kaip nuorodos, mygtukai ir formos laukai, būtų pasiekiami naudojant tik klaviatūrą. Kūrėjai taip pat gali naudoti įrankius, pvz., ekrano skaitytuvus ir klaviatūros testavimo įrankius, siekdami užtikrinti, kad svetainėse nėra jokių klaviatūros spąstų.

Palengvinkite navigaciją

Naudokite aiškią ir glaustą kalbą svetainės navigacijos nuorodų tekstui. Įtraukite etiketes, kurios tiksliai apibūdina kiekvieno puslapio turinį. Įsitikinkite, kad nuorodos yra matomos ir lengvai paspaudžiamos.

Suteikite kelis būdus pasiekti turinį

Naudinga suteikti vartotojams kelis būdus pasiekti skirtingus svetainės puslapius ar informaciją. Pavyzdžiui, galite naudoti naršymo kelio (angl. breadcrumb) metodą, kuris parodo naudotojams, kur jie yra svetainės struktūroje, ir padeda lengvai grįžti į ankstesnį puslapį. Taip pat galite įtraukti paieškos funkciją, kad būtų galima greitai surasti norimą turinį. Kitos naudingos funkcijos yra svetainių schemos (angl. sitemaps), naudingos nuorodos, DUK poraštės skiltyje ir kt.

Išvada

Prieinamos svetainės kūrimas yra ne tik teisingas dalykas, bet ir naudingas verslui. Padarydami savo svetainę prieinamą visiems vartotojams, padidinsite savo pasiekiamumą ir pagerinsite naudotojų patirtį. Vadovaudamiesi šiais geriausios praktikos pavyzdžiais ir prieinamumo patarimais, galite sukurti įtraukią ir visų vartotojų poreikius atitinkančią svetainę. Atminkite, kad prieinamumas nėra vienkartinė užduotis – tai nuolatinis procesas, reikalaujantis nuolatinio dėmesio ir tobulinimo.

June / Karlove agentūra siūlo prieinamumo atitikties, prieinamumo mokymu bei prieinamų skaitmeninių produktų kūrimo paslaugas (programavimo, projektavimo ir dizaino).

Užsisakykite nemokamą konsultaciją ir sužinokite, kaip užtikrinti, kad jūsų įmonės / organizacijos skaitmeninės platformos būtų iš tiesų prieinamos žmonėms su negalia.

Naujienlaiškio prenumerata

Dukart per mėnesį siunčiame įžvalgas, renginių naujienas ir vertingus informacinius išteklius apie geriausią prieinamumo praktiką Lietuvoje, Baltijos šalyse ir ES rinkoje. Kviečiame užsiregistruoti

Naujienlaiškio kalba
Ačiū! Jūsų pateikta informacija gauta!
O ne! Kažkas nutiko pateikiant formą. Pabandykite dar kartą vėliau.