Pri­ei­na­mos svetainės užtikrina, kad įvairių negalių ir poreikių turintys nau­do­to­jai galėtų naudotis sve­tai­nė­mis be ap­ri­bo­ji­mų ir be kitų pagalbos. Todėl pri­ei­na­mos svetainės tikslas – užkirsti kelią tam tikrų grupių, pa­vyz­džiui, fizinių ar protinių negalių turinčių žmonių, at­skir­čiai internete.

Kas yra prieinama svetainė?

Siekiant sukurti prieinamą svetainę, reikia su­p­ro­jek­tuo­ti jos turinį taip, kad visi nau­do­to­jai galėtų ją pasiekti ir suprasti. Tai apima žmones, kurie naudoja pa­gal­bi­nes tech­no­lo­gi­jas, pvz., ekrano skai­ty­tu­vus, kla­via­tū­ros na­vi­ga­ci­ją, didinimo įrankius ar subtitrus. Siekiant sukurti įtraukią in­ter­ne­ti­nę patirtį, pri­ei­na­mos svetainės yra būtinos įmonėms, or­ga­ni­za­ci­joms ir vie­šo­sioms įstaigoms. Pri­ei­na­mas svetainės dizainas taip pat gali pagerinti paieškos sistemų op­ti­mi­za­vi­mą, nes padidina naudojimo patogumą ir in­for­ma­ci­jos struktūrą.

Barjerai – tai kliūtys, dėl kurių var­to­to­jams sunku, o kai kuriais atvejais net neįmanoma, pasiekti svetainės turinį ir su juo są­vei­kau­ti. Nors su­pra­t­i­mas apie pri­ei­na­mu­mą fizinėse erdvėse žymiai išaugo, barjerai internete vis dar kyla dažnai ir dažnai netyčia. Juos gali sukelti tech­ni­niai spren­di­mai, vi­zu­a­li­nio dizaino pa­si­rin­ki­mai arba prastai struk­tū­ri­zuo­tas turinys. Tyrimai ir prak­ti­niai pa­vyz­džiai rodo, kad in­te­rak­ty­vūs kom­po­nen­tai, tokie kaip pri­si­jun­gi­mo duomenys ar saugumo funkcijos, gali kelti didelių sunkumų. Tam tikros CAPTCHA, kuriose naudojami iš­krai­py­ti simboliai arba tik vizualūs gal­vo­sū­kiai, gali smarkiai apriboti prieigą žmonėms su regos su­tri­ki­mais ir prieš­ta­rau­ti da­bar­ti­niams prieinamų interneto svetainių lū­kes­čiams.

Interneto pri­ei­na­mu­mo stan­dar­tai pri­ei­na­moms sve­tai­nėms

Pag­rin­di­nis tarp­tau­ti­nis prieinamų tink­la­la­pių stan­dar­tas yra WCAG, konk­re­čiai WCAG 2.2 (Tink­la­la­pių turinio pri­ei­na­mu­mo gairės). Šios W3C gairės apibrėžia nau­jau­sius rei­ka­la­vi­mus ir geriausią praktiką, kad tink­la­la­piai būtų prieinami visiems var­to­to­jams.

WCAG 2.2 ak­cen­tuo­ja pa­to­bu­lin­tą naudojimą, aiškesnę kla­via­tū­ros ir fokuso na­vi­ga­ci­ją bei su­pa­pras­tin­tas sąveikas mo­bi­liai­siais įren­gi­niais. Šie at­nau­ji­ni­mai atspindi be­si­kei­čian­tį vartotojų elgesį ir pašalina kliūtis, kurių anks­tes­nės versijos ne­vi­siš­kai apėmė.

Kai kurie iš svar­biau­sių WCAG 2.2 sėkmės kriterijų yra:

  • Matomas kla­via­tū­ros fokusas: in­te­rak­ty­vūs elementai turi būti aiškiai matomi, kai naršoma naudojant kla­via­tū­rą.
  • Minimalus valdymo elementų dydis: spus­te­lė­ja­mos ir pa­lie­čia­mos sritys turi būti pa­kan­ka­mai didelės, kad būtų išvengta at­si­tik­ti­nio ak­ty­va­vi­mo.
  • Al­ter­na­ty­vos vilkimo judesiams: sąveika neturi būti pagrįsta vien tik vilkimo ir numetimo veiksmais.
  • Vengimas ne­rei­ka­lin­gų įvesties veiksmų: var­to­to­jai neturėtų turėti pa­kar­to­ti­nai įvesti tos pačios in­for­ma­ci­jos.
  • Pri­ei­na­mas au­ten­ti­fi­ka­vi­mas: pri­si­jun­gi­mo procesai neturi pri­klau­sy­ti nuo kog­ni­ty­vi­nių užduočių, pvz., dėlionės tipo CAPTCHA.

WCAG 2.2 yra pag­rin­di­nis šiuo­lai­ki­nės svetainių kūrimo stan­dar­tas ir sudaro techninį pagrindą pri­ei­na­mu­mo rei­ka­la­vi­mams Jung­ti­nė­je Ka­ra­lys­tė­je.

Note

Jung­ti­nė­je Ka­ra­lys­tė­je pri­ei­na­mu­mo rei­ka­la­vi­mai tink­la­la­piams pir­miau­sia apibrėžti 2010 m. Lygybės įstatyme ir 2018 m. Viešojo sek­to­riaus įstaigų (tink­la­la­pių ir mobiliųjų prog­ra­mė­lių) pri­ei­na­mu­mo tai­syk­lė­se. Šios sistemos nustato aiškias gaires įmonėms, vie­šo­sioms įstaigoms ir vie­šo­sio­mis lėšomis fi­nan­suo­ja­moms or­ga­ni­za­ci­joms ir remiasi WCAG 2.2 stan­dar­tais, kad nustatytų, ar tink­la­la­pis atitinka pri­ei­na­mu­mo rei­ka­la­vi­mus.

WCAG POUR principas Priemonė Pag­rin­di­nė tikslinė grupė
Su­pran­ta­mas Teikti turinį, kuris veikia ne tik remiantis vi­zu­a­li­niais ar gar­si­niais signalais (pvz., al­ter­na­ty­vu­sis tekstas, ryškus spalvų kont­ras­tas, antraštės, foninio garso vengimas) Žmonės su regos su­tri­ki­mais, spalvų aklumu, kurčias var­to­to­jas, vyresnio amžiaus žmonės
Nau­do­ja­mas Pa­lai­ky­ki­te kla­via­tū­ros na­vi­ga­ci­ją ir pa­gal­bi­nes tech­no­lo­gi­jas, teikite didelius spus­te­lė­ji­mo/palietimo tikslus, aiškias puslapių struk­tū­ras, in­tui­ty­vius meniu Ekrano skai­ty­tu­vų nau­do­to­jai, žmonės su mo­to­ri­nė­mis ne­ga­lio­mis, mobilieji nau­do­to­jai, vyresnio amžiaus žmonės
Su­pran­ta­mas Naudokite aiškią kalbą, pa­aiš­kin­ki­te tech­ni­nius terminus, vengkite santrumpų, logiškai su­gru­puo­ki­te turinį Žmonės su kog­ni­ty­vi­niais su­tri­ki­mais, vyresnio amžiaus var­to­to­jai, nepatyrę var­to­to­jai
Tvirtas Naudokite semantinį HTML, ARIA etiketes, už­tik­rin­ki­te su­de­ri­na­mu­mą su pa­gal­bi­nė­mis tech­no­lo­gi­jo­mis, pri­ei­na­mas formas su aiškiais laukų su­sie­ji­mais Visi pa­gal­bi­nių tech­no­lo­gi­jų nau­do­to­jai, ekrano didintuvo nau­do­to­jai

Su­pran­ta­mas

Daugelyje svetainių yra mirk­sin­čios reklamos, komentarų skiltys už­pil­dy­tos mažo šrifto tekstu, o kartais net groja foninė muzika, siekiant su­stip­rin­ti puslapio nuotaiką ar temą. Pri­klau­so­mai nuo negalios tipo ir sunkumo, kai kurie jūsų svetainės lan­ky­to­jai gali ne­vi­siš­kai arba visai nesuvokti šių elementų.

Pa­vyz­džiui, aklieji naršo internete be vizualių užuominų. Vietoj to, ekrano skai­ty­tu­vas garsiai skaito svetainės turinį. Įrenginys perduoda skaitomas duomenis nau­do­ja­moms pa­gal­bi­nėms tech­no­lo­gi­joms. Pa­vyz­džiui, at­nau­ji­na­mas Brailio ekranas gali kon­ver­tuo­ti tekstą į Brailio raštą. Tai leidžia asmeniui suvokti jūsų svetainę per lytėjimą. Teksto į kalbą kon­ver­ta­vi­mo įrankis atkuria turinį garso formatu. Naudodami šią tech­no­lo­gi­ją, var­to­to­jai remiasi klausos pojūčiu, kad apdorotų svetainės turinį. Tačiau minėtame pavyzdyje foninė muzika tampa trukdžiu.

Žmonės su leng­ves­niu regos sutrikimu, įskaitant daugelį vyresnio amžiaus su­au­gu­sių­jų, gali matyti jūsų svetainės turinį, tačiau jiems rei­ka­lin­gas labai pa­di­din­tas ekranas. Kita vertus, žmonės, turintys spalvų regos sutrikimų, gali ne­pa­ste­bė­ti įspėjimų, kurie per­duo­da­mi tik spalvomis. Kurčias žmonės negali pasiekti in­for­ma­ci­jos, esančios tik garso failuose, ir di­džio­sios dalies vaizdo failų turinio.

Su­pran­ta­ma

Labai jauni var­to­to­jai, vyresnio amžiaus su­au­gu­sie­ji arba žmonės su kog­ni­ty­vi­niais su­tri­ki­mais gali sunkiai suprasti tekstus, kuriuose gausu techninės ter­mi­ni­jos, ne­pa­aiš­kin­tų santrumpų ar sudėtingų sakinių. Jei sve­tai­nė­je susijęs turinys yra atskirtas arba naudojama ne­nuo­sek­li terminija, var­to­to­jams gali būti sunku suprasti norimą prasmę.

Vei­kian­tis

Kadangi mobilusis naršymas tampa vis po­pu­lia­res­nis, ypač erzina, kai nuorodos yra per mažos arba per arti viena kitos, kad būtų galima tiksliai jas paspausti. Svetainės, kurios nėra pri­tai­ky­tos iš­ma­nie­siems te­le­fo­nams – kuriose dažnai yra tankiai išdėstyti maži nuorodų tekstai – gali būti ypač su­dė­tin­gos vyresnio amžiaus žmonėms arba tiems, kurių rankos nėra labai tvirtos.

Tačiau dabar yra sukurta daugybė įrankių, pa­leng­vi­nan­čių kom­piu­te­rių naudojimą žmonėms su fizine negalia. Šiam tikslui kai kurie įrankiai seka akių judesius, o kitos tech­no­lo­gi­jos valdomos kla­via­tū­ra. Iš esmės, tink­la­la­pis, sukurtas siekiant už­tik­rin­ti pri­ei­na­mu­mą internete, turėtų būti sukurtas taip, kad jį galėtų in­ter­pre­tuo­ti tokios pa­gal­bi­nės tech­no­lo­gi­jos. Jei jūsų tink­la­la­pio negalima naršyti naudojant šias tech­no­lo­gi­jas, po­ten­cia­lūs klientai, kurie jomis naudojasi, neturi galimybės pa­si­nau­do­ti visais jūsų siūlomais pro­duk­tais ir pa­slau­go­mis.

Kai var­to­to­jai yra prašomi užpildyti formą, pa­vyz­džiui, norėdami už­si­re­gist­ruo­ti nau­jien­laiš­kiui gauti, dažnai pasitaiko klaidų. Slap­ta­žo­dis yra per trumpas arba gimimo data ne­ati­tin­ka nurodytų parametrų. Todėl pateikite aiškias inst­ruk­ci­jas, kaip ištaisyti klaidas. Sąveika su tink­la­la­piu taip pat apima na­vi­ga­ci­ją. Žmonės, kurie naudoja įren­gi­nius su mažais ekranais arba dirba su dideliu ekrano pa­di­di­ni­mu, turi naudoti tam pri­tai­ky­tus na­vi­ga­ci­jos kelius ir pa­si­kliau­ti aiškiu, gerai struk­tū­ruo­tu tink­la­la­piu.

Komentarų skiltys leidžia var­to­to­jams pateikti at­si­lie­pi­mus. Jie gali jas naudoti, kad pa­si­da­ly­tų savo nuomone apie produktą ar turinį arba bendrautų su kitais žmonėmis. Rašydami mo­ni­to­riu­je, regos negalią turintys žmonės dažnai naudoja ekrano didintuvą. Dėl to elementai atrodo daug didesni, o atstumas tarp skaitymo stulpelio ir įvesties lauko padidėja. Todėl elementus iš­dės­ty­ki­te vizualiai arti vienas kito, kad var­to­to­jams būtų lengviau bendrauti tar­pu­sa­vy­je.

Tvirtas

Svetainės turi būti su­de­ri­na­mos su pa­gal­bi­nė­mis tech­no­lo­gi­jo­mis, naudojant tinkamą kodo struktūrą. Se­man­ti­nis HTML (pa­vyz­džiui, <main>, <nav>, <section>) padeda ekrano skai­ty­tu­vams suprasti puslapio struktūrą. Tinkamos formos etiketės sujungia įvesties laukelius su jų ap­ra­šy­mais, naudojant for atributus. ARIA ori­en­ty­rai suteikia ekrano skai­ty­tu­vų na­vi­ga­ci­jos spar­čiuo­sius klavišus. Be jų net gerai su­p­ro­jek­tuo­tas turinys tampa ne­nau­do­ja­mas pa­gal­bi­nių tech­no­lo­gi­jų nau­do­to­jams.

Kokie yra prieinamo interneto dizaino pri­va­lu­mai?

Pa­nai­ki­nus pri­ei­na­mu­mo kliūtis , pagerėja jūsų svetainės nau­do­ja­mu­mas ir su­stip­rė­ja jos matomumas paieškos sistemose. Daugelis pri­ei­na­mu­mo praktikos metodų sutampa su ge­riau­siais vartotojo patirties ir SEO metodais, o tai reiškia, kad pri­ei­na­mu­mo gerinimas dažnai naudingas visiems lan­ky­to­jams.

Prieinama svetainė padeda:

  • mo­bi­lie­siems įren­gi­niams,
  • žmonės su fizine ar kog­ni­ty­vi­ne negalia,
  • vyresnio amžiaus žmonės ir
  • lan­ky­to­jai, kurie gali būti ne­su­si­pa­ži­nę su interneto naršymu.

Aiškiai pa­teik­da­mi in­for­ma­ci­ją ir logiškai struk­tū­ri­zuo­da­mi savo svetainę, pa­di­din­si­te jos skai­to­mu­mą ir laiką, kurį var­to­to­jai pra­lei­džia jūsų pus­la­piuo­se. Nors pri­ei­na­mu­mas rei­ka­lau­ja papildomo darbo ir bandymų, jo nauda yra didžiulė. Pri­ei­na­mos svetainės užtikrina geresnę patirtį visiems.

Kaip padaryti svetainę prieinamą? Patarimai ir pa­vyz­džiai

Jei norite sukurti prieinamą svetainę, tu­rė­tu­mė­te atkreipti ypatingą dėmesį į in­for­ma­ci­jos struktūrą ir įvairius vi­zu­a­li­nius svetainės kom­po­nen­tus.

1 žingsnis: už­tik­rin­ki­te aiškią in­for­ma­ci­jos struktūrą

Suteikite savo svetainės struk­tū­rai logiškumą ir aiškumą, naudokite paprastą, var­to­to­jui su­pran­ta­mą kalbą. Tai padės padaryti jūsų turinį pri­ei­na­mes­nį ir pagerins jūsų reitingą „Google“ paieškoje, nes paieškos sistemos vertina turinio skai­to­mu­mą ir aiškumą.

Norėdami už­tik­rin­ti veiks­min­gą SEO ir išlaikyti tvarkingą svetainės struktūrą, turėkite omenyje šiuos dalykus:

Elementas svetainės ar­chi­tek­tū­ro­je Pag­rin­di­mas
Aiški URL adresų ir turinio pa­va­di­ni­mų struktūra Kiek­vie­nas puslapis turėtų iš karto aiškiai nurodyti savo temą, taip pa­ge­ri­nant na­vi­ga­ci­ją ir supratimą.
Lengvai su­pran­ta­ma struktūra Var­to­to­jai visada gali matyti, kur jie yra sve­tai­nė­je ir kaip turinys susijęs su kitomis sek­ci­jo­mis.
Plokščios hie­rar­chi­jos Turinys turėtų būti pa­sie­kia­mas vos keliais pa­spau­di­mais, kad na­vi­ga­ci­ja būtų greitesnė ir efek­ty­ves­nė.
Išdėstymo ir turinio at­sky­ri­mas Naudojant CSS už­tik­ri­na­ma, kad turinys išliktų struk­tū­ri­zuo­tas ir pri­ei­na­mas pa­gal­bi­nėms tech­no­lo­gi­joms, pvz., ekrano skai­ty­tu­vams.
Reikš­min­gos, or­ga­ni­zuo­tos ka­te­go­ri­jos Pa­gal­bi­niai puslapiai turėtų turėti logišką semantinį ryšį su pag­rin­di­niu puslapiu.
In­ter­ne­tui op­ti­mi­zuo­tas turinio pa­tei­ki­mas Turinys turėtų būti teisingai rodomas visuose įren­gi­niuo­se ir nar­šyk­lė­se.
Var­to­to­jui draugiška kalba Aiškios for­mu­luo­tės ir pa­aiš­kin­ta ter­mi­no­lo­gi­ja padeda suprasti visoms au­di­to­ri­joms.
Pag­rin­di­niai tink­la­la­pio skyriai visada prieinami Tokios puslapiai kaip „Kontaktai“, „Paieška“ ar „Pag­rin­di­nis puslapis“ turėtų būti pa­sie­kia­mi iš bet kurio puslapio vienu pa­spau­di­mu.
Nuoseklūs na­vi­ga­ci­jos elementai Vienoda na­vi­ga­ci­jos struktūra padeda geriau ori­en­tuo­tis.
Didelės svetainės turinys ir DUK Svetainės žemėlapis ir DUK padeda var­to­to­jams greitai rasti in­for­ma­ci­ją.
Ska­luo­ja­mi šriftai ir pri­si­tai­kan­tis iš­dės­ty­mas Tekstas ir iš­dės­ty­mas turėtų būti patogūs var­to­to­jams, nau­do­jan­tiems didinimo funkciją arba mažesnius ekranus.
Nau­do­ji­mas su pele ir kla­via­tū­ra Svetainės turėtų būti visiškai valdomos be pelės ir su­de­ri­na­mos su pa­gal­bi­niais įvesties metodais.
Al­ter­na­ty­vus tekstas pa­veiks­lė­liams Al­ter­na­ty­vu­sis tekstas padeda ekrano skai­ty­tu­vui in­ter­pre­tuo­ti tekstą ir pagerina pri­ei­na­mu­mą bei SEO.

2 žingsnis: Naudokite vi­zu­a­li­nius signalus

Ska­luo­ja­mi šriftai ir spalvų ko­re­ga­vi­mas padeda žmonėms, tu­rin­tiems silpną regą ar spalvų aklumą, lengviau skaityti svetainės turinį. Už­tik­rin­ki­te, kad tekstas pa­kan­ka­mai kont­ras­tuo­tų su fonu ir kad in­te­rak­ty­vūs elementai, tokie kaip mygtukai ar nuorodos, aiškiai iš­si­skir­tų.

Kad pa­dė­tu­mė­te var­to­to­jams, kurie naršo naudodami kla­via­tū­rą arba ekrano skai­ty­tu­vą, in­te­rak­ty­vius elementus iš­skir­ki­te taip:

  • matomi fo­ku­sa­vi­mo in­di­ka­to­riai,
  • pelės žymeklio efektus,
  • aktyvių nuorodų stilius.

Ne­si­kliau­ki­te vien spalva, norėdami perteikti prasmę — spalvų kodavimą pa­pil­dy­ki­te sim­bo­liais, skaičiais arba žvaigž­du­tė­mis.

Image: Design example: colours and information
Ac­ces­si­b­le design example for the correct use of colours and in­for­ma­tion: Correctly, numbers and asterisks are also added to colour-coded content; source: https://www.w3.org/WAI/get­tings­tar­ted/tips/designing

Žmonės, kurie kenčia nuo epi­lep­si­jos prie­puo­lių, yra pavojuje, jei sve­tai­nė­je yra grafikos ar vaizdo įrašų, kurie mirga daugiau nei tris kartus per sekundę. Tyrėjai taip pat nustatė, kad ryškiai apibrėžti, kont­ras­tin­gi tinklelio raštai taip pat gali sukelti prie­puo­lius žmonėms, ser­gan­tiems fo­to­sen­si­ti­ne epi­lep­si­ja.

Problema Prieinama priemonė Nauda
Mažas spalvų kont­ras­tas Didelio kontrasto spalvų schemos Žmonės su silpnu regėjimu
Mirgantis turinys Venkite arba ribokite Žmonės, sergantys epi­lep­si­ja
Maži šrifto dydžiai Ska­luo­ja­mi šriftai Vyresnio amžiaus žmonės

3 žingsnis: pateikite in­for­ma­ci­ją įvairiais formatais

Svetainės pri­ei­na­mu­mas turėtų būti jūsų kasdienio darbo dalis. Nesvarbu, ar op­ti­mi­zuo­ja­te paieškos sistemas, skelbiate PR turinį ar pridėjate naujų produktų puslapius, re­gu­lia­riai įkeltas turinys turėtų būti struk­tū­ri­zuo­tas taip, kad būtų naudingas visiems lan­ky­to­jams.

Svarbi svetainės pri­ei­na­mu­mo dalis, turinti SEO privalumų, yra vaizdų al­ter­na­ty­vu­sis tekstas. Kadangi paieškos robotai ir ekrano skai­ty­tu­vai negali in­ter­pre­tuo­ti vaizdų, al­ter­na­ty­vu­sis tekstas pateikia pra­smin­gus aprašymus:

  • akli var­to­to­jai,
  • silp­na­re­giams,
  • var­to­to­jams, tu­rin­tiems lėtas interneto ryšio jungtis.
Medijos tipas Prieinama al­ter­na­ty­va Tikslinė au­di­to­ri­ja
Vaizdai Al­ter­na­ty­vus tekstas Ekrano skai­ty­tu­vų nau­do­to­jai
Vaizdo Antraštės, garso aprašymas Klausos negalią turintys nau­do­to­jai, regos negalią turintys žmonės
Garso Tran­skrip­ci­jos Kurčias var­to­to­jas

Tran­skrip­ci­jos ir antraštės

Nuo­la­ti­nis ir sa­va­lai­kis tran­skrip­tų ir subtitrų kūrimas yra su­dė­tin­ges­nis uždavinys. Šios priemonės leidžia padaryti garso turinį prieinamą kur­tie­siems ar silp­na­re­giams žmonėms. Tran­skrip­tas, kuris paverčia ištartus žodžius, garsus ir foninius triukšmus tekstu, turėtų būti pa­tei­kia­mas kuo arčiau susijusio garso turinio, pa­vyz­džiui, per mygtuką, kuris tie­sio­giai nukreipia į dokumentą.

Subtitrai žymiai pa­leng­vi­na kurčiųjų ar silp­na­re­gių žmonių supratimą apie in­ter­ne­ti­nius vaizdo įrašus. Jie taip pat naudingi var­to­to­jams, kurie nenori leisti garso (pa­vyz­džiui, nes nenori trukdyti kitiems). Žmonės su kog­ni­ty­vi­niais su­tri­ki­mais ar tokiomis būklėmis kaip ADHD dažnai efek­ty­viau apdoroja vaizdo įrašų turinį, kai gali išjungti foninius garsus naudodami vaizdo grotuvo nu­sta­ty­mus – panašiai kaip var­to­to­jai su klausos su­tri­ki­mais.

Garso aprašymas

Žmonės, kurių regos aštrumas yra mažesnis nei 30 procentų, laikomi silp­na­re­giais, o tie, kurių regos aštrumas yra mažesnis nei 2 procentai, laikomi aklais. Jie regimąją in­for­ma­ci­ją suvokia tik iš dalies arba visai nesuvokia. Kad šie asmenys galėtų suprasti jūsų vaizdo įrašo turinį, tu­rė­tu­mė­te įtraukti papildomą garso takelį. Šiame takelyje pa­tei­kia­mi vaizdinių elementų, pvz., peizažų, žmonių, pa­aiš­ki­ni­mai ir trumpi veiksmų, vyks­tan­čių ekrane, aprašymai. Įterpkite šiuos pa­aiš­ki­ni­mus į ori­gi­na­laus įrašo kalbos ir garso pauzes, kad garso takeliai nesutaptų.

Lengvai su­pran­ta­ma kalba

Paprasta kalba išreiškia turinį labai paprastai. Ji padeda žmonėms su kog­ni­ty­vi­niais su­tri­ki­mais lengviau suprasti sudėtingą in­for­ma­ci­ją. Paprasta kalba vengia tokių elementų kaip kon­junk­ty­vas, sinonimai ir neiginiai. Sakiniai yra trumpi ir vienu metu perteikia tik vieną mintį. Žmonės su kog­ni­ty­vi­niais su­tri­ki­mais turi tokias pačias teises į in­for­ma­ci­ją kaip ir kiti. Dėl šios prie­žas­ties dien­raš­čiai vis dažniau savo in­ter­ne­ti­nė­se plat­for­mo­se pateikia straips­nių versijas lengva kalba, taip pa­ro­dy­da­mi gerą prieinamų tink­la­la­pių pavyzdį. Viešosios ins­ti­tu­ci­jos taip pat vis dažniau naudoja lengvą kalbą savo in­for­ma­ci­niuo­se tekstuose.

Mažiau griežta forma yra va­di­na­mo­ji lengvai su­pran­ta­ma kalba, kuri apy­tik­riai atitinka A2 arba B1 kalbos lygį.

4 žingsnis: Su­de­rin­ki­te svetainę

Pa­gal­bi­nės tech­no­lo­gi­jos, pvz., ekrano skai­ty­tu­vai, daugeliui vartotojų suteikia galimybę naudotis ži­nia­tink­liu. Šios priemonės apdoroja tink­la­la­pius linijiniu būdu iš kairės į dešinę ir iš viršaus į apačią, todėl iš­dės­ty­mas ir turinys turi būti aiškiai atskirti. Kitaip tink­la­la­pio elementai gali būti ne­tei­sin­gai in­ter­pre­tuo­ja­mi.

Kad var­to­to­jai galėtų efek­ty­viai naršyti, lai­ky­ki­tės šių pag­rin­di­nių taisyklių.

Pereiti prie na­vi­ga­ci­jos nuorodų ir kitų sparčiųjų klavišų

Ekrano skai­ty­tu­vai perduoda tekstinę in­for­ma­ci­ją į tekstą į garsą kon­ver­tuo­jan­čią prog­ra­mi­nę įrangą ir at­nau­ji­na­mus Brailio ekranus. Tam jie skaito puslapį nuo viršaus iki apačios, įskaitant pa­si­kar­to­jan­čius elementus, pvz., na­vi­ga­ci­jos juostą, pik­to­g­ra­mas ar nuorodas į pa­pil­do­mus puslapius. Kad skai­ty­tu­vas nereikėtų be reikalo kartoti šios in­for­ma­ci­jos kiek­vie­na­me puslapyje, reikėtų įdiegti na­vi­ga­ci­jos nuorodų pra­lei­di­mo funkciją (trumpai – pra­lei­di­mo nuorodas).

Var­to­to­jai, kurie naršo naudodami tik kla­via­tū­rą, galbūt su burnos lazda, taip pat susiduria su dideliais sunkumais, jei turi pereiti per daugybę elementų. Tokiems žmonėms naudinga kuo labiau matoma nuoroda „Pereiti“ puslapio viršuje:

<a href="#content">Skip navigation</a>
<main id="content">
    <h1>Main heading</h1>
    <p>First paragraph</p>
</main>
html

Yra peršokimo nuorodos, kurios yra nematomos išdėstyme, tačiau ekrano skai­ty­tu­vas perduoda al­ter­na­ty­vų tekstinį pranešimą „Peršokti na­vi­ga­ci­ją“ var­to­to­jui, kai kodas atrodo taip:

<a href="#content"><img src="empty.gif" height="15" border="0" alt="Skip navigation" width="5"></a>
html

Svarbu, kad nuorodos būtų pateiktos kuo anksčiau kodo pradžioje. Ankorą įdėkite pag­rin­di­nio turinio pradžioje:

<div id="content"></div>
html

Naudokite peršokimo nuorodas saikingai, nes per daug jų gali pa­nai­kin­ti teigiamą poveikį ir priversti var­to­to­jus spus­te­lė­ti pernelyg daug elementų. Ele­gan­tiš­kes­nis spren­di­mas – naudoti ARIA ori­en­ty­rus ir už­tik­rin­ti gerai struk­tū­ri­zuo­tą dokumentą. Taip pat patartina naudoti HTML5 elementus.

Kita naudinga funkcija – dokumento pradžioje esantis turinys, kuris leidžia var­to­to­jams peršokti į konk­re­čius skyrius naudodami nuorodas puslapyje. Šiuo­lai­ki­nės ekrano skai­tyk­lės garsiai skaito ati­tin­ka­mus antraštes. Naudodami pra­smin­gas, gerai struk­tū­ri­zuo­tas antraštes, pa­ge­ri­na­te skai­to­mu­mą tiek paieškos sistemoms, tiek pa­gal­bi­nėms tech­no­lo­gi­joms.

Duomenų lentelės vietoj ma­ke­ta­vi­mo lentelių

Siekiant už­tik­rin­ti tink­la­la­pio pri­ei­na­mu­mą pagal W3C tink­la­la­pių pri­ei­na­mu­mo gaires, idealiu atveju reikėtų naudoti tik duomenų lenteles. Ekrano skai­ty­tu­vams šis formatas kelia mažiau problemų ir po kon­ver­ta­vi­mo jie gali pateikti in­for­ma­ci­ją su­pran­ta­ma forma. Kita vertus, išdėstymo lentelės suteikia tink­la­la­piui vizualią struktūrą, tačiau ekrano skai­ty­tu­vams sunkiau aiškiai perteikti turinį.

Api­brėž­ki­te išdėstymo lenteles naudodami tik paprastus elementus: TABLE, TR ir TD (ati­tin­ka­mai lentelė, eilutė ir langelis). Naudokite struk­tū­ri­nius elementus, kad santykiai tarp langelių būtų logiški; tada ekrano skai­ty­tu­vas išdėstymo lentelę skaitys kaip duomenų lentelę. Jei iš pri­ei­na­mu­mo medžio pa­ša­lin­si­te tam tikrus lentelės elementus, pa­da­ry­si­te at­virkš­čiai.

Siekdami už­tik­rin­ti savo tink­la­la­pio pri­ei­na­mu­mą, naudokite pavyzdyje nurodytą kodą role="none". Tai taikoma lentelei ir jos vaiko ele­men­tams. Jei lenteles įterpiate į lenteles, turite apibrėžti abu elementus.

<table role="none">
<tr>
<td>
<table role="none">
<tr>
<td>
Example text <abbr title="for example">e.g.</abbr> about ARIA
</td>
</tr>
</table>
</td>
</tr>
</table>
html

Prieinamų tink­la­la­pių kont­ro­li­nis sąrašas

Baigę kurti savo svetainę, per­žiū­rė­ki­te mūsų pri­ei­na­mu­mo internete kont­ro­li­nį sąrašą, kuris padės įsi­ti­kin­ti, kad at­si­žvel­gė­te į svar­biau­sius veiksnius.

In­for­ma­ci­jos struktūra yra gerai or­ga­ni­zuo­ta ir lengvai su­pran­ta­ma.

Aiškios, su­pran­ta­mos kalbos nau­do­ji­mas

Alt tekstas vaizdams

Vaizdo ir garso įrašų tran­skrip­ci­jos

Svarbaus turinio spalvinis iš­sky­ri­mas

Didelis kont­ras­tas

Ekrano skai­ty­tu­vo pa­lai­ky­mas

Tip

Jums tik­riau­siai nebus staigmena, kad W3C svetainė yra puikus pavyzdys, kaip turėtų atrodyti prieinama interneto svetainė. Joje yra visi stan­dar­tuo­se numatyti pag­rin­di­niai elementai:

  • Paprasta kalba
  • Aiškiai struk­tū­ri­zuo­tas HTML
  • Da­bar­ti­nių pa­si­rink­tų elementų in­di­ka­to­rius
  • Spalvų kont­ras­tas
  • Aiški ir lengvai su­pran­ta­ma struktūra

Nemokami įrankiai prieinamų tink­la­la­pių kūrimui

Yra nemažai įrankių, kurie gali padėti sukurti prieinamą svetainę. Toliau pa­tei­kia­mi kai kurie iš ge­riau­siai žinomų variantų:

  • TPGi ARC Toolkit: labai patikimas ir idealus tech­ni­niams svetainių auditams.
  • Ac­ces­si­bi­li­ty Checker: Ši in­ter­ne­ti­nė programa leidžia nemokamai pa­tik­rin­ti, ar jūsų svetainė atitinka WCAG rei­ka­la­vi­mus.
  • Si­teim­pro­ve: Si­teim­pro­ve pri­ei­na­mu­mo tik­rin­tu­vas siūlo nemokamą svetainės nu­skai­ty­mą, o re­zul­ta­tai pa­tei­kia­mi el. paštu.

Svetainės pri­ei­na­mu­mas gerina visų vartotojų patirtį

Pagerinus savo svetainės pri­ei­na­mu­mą, padidėja bendras jos naudojimo patogumas ir žymiai pagerėja vartotojo patirtis. Tai naudinga:

  • mobilieji var­to­to­jai,
  • žmonėms su fizine ar kog­ni­ty­vi­ne negalia,
  • vyresnio amžiaus žmonėms ir
  • visiems, kuriems gali būti sunkiau naršyti internete.

Sukurdami aiškią savo svetainės struktūrą ir pa­reng­da­mi turinį įtraukiu, lengvai su­pran­ta­mu formatu, pri­si­de­da­te prie pri­ei­na­mu­mo ir paieškos sistemų op­ti­mi­za­vi­mo. Aiški ar­chi­tek­tū­ra, ryškus kont­ras­tas, lengvai skaitomas tekstas ir su­de­ri­na­mu­mas su pa­gal­bi­nė­mis tech­no­lo­gi­jo­mis – visa tai prisideda prie ilgesnių ap­si­lan­ky­mų trukmės ir didesnio pa­si­ten­ki­ni­mo lygio.

Nors pri­ei­na­mu­mo už­tik­ri­ni­mas rei­ka­lau­ja papildomo darbo, pa­vyz­džiui, išsamaus testavimo, aiškios turinio struk­tū­ros, al­ter­na­ty­vaus teksto ir kruopš­čiai su­p­ro­jek­tuo­tų sąveikos elementų, in­ves­ti­ci­ja yra tikrai verta. Pri­ei­na­mas svetainės dizainas naudingas visiems var­to­to­jams, stiprina prekės ženklo pa­ti­ki­mu­mą ir padeda pasiekti platesnę au­di­to­ri­ją, įskaitant tuos, kurie naršydami internete naudoja pa­gal­bi­nes tech­no­lo­gi­jas.

Go to Main Menu