Juur­de­pää­se­ta­vad vee­bi­sai­did tagavad, et erinevate puuete ja va­ja­dus­tega kasutajad saavad vee­bi­saite kasutada piiran­gu­teta ja teiste abita. Juur­de­pää­se­tava vee­bi­saidi eesmärk on seega vältida teatud rühmade, näiteks füüsilise või vaimse puudega inimeste vä­lis­ta­mist veebist.

Mis on li­gi­pää­se­tav veebisait?

Vee­bi­saidi li­gi­pää­se­ta­vaks muut­miseks tuleb veebisisu kujundada nii, et kõik kasutajad saaksid sellele juurde pääseda ja seda mõista. See hõlmab inimesi, kes kasutavad abi­teh­no­loo­giaid, nagu ek­raa­ni­lu­ge­jad, kla­via­tuuriga na­vi­gee­ri­mine, suu­ren­da­mis­va­hen­did või sub­tiit­rid. Li­gi­pää­se­ta­vad vee­bi­sai­did on et­te­võ­tete, or­ga­ni­sat­sioo­nide ja avalike asutuste jaoks olulised, et luua kaasav vee­bi­ko­ge­mus. Li­gi­pää­se­tav vee­bi­di­sain võib parandada ka ot­sin­gu­moo­tori op­ti­mee­ri­mist, suu­ren­da­des ka­su­ta­ta­vust ja pa­ran­da­des teabe struk­tuuri.

Ta­kis­tused on tõkked, mis ras­ken­da­vad või mõnel juhul muudavad ka­su­ta­jate jaoks vee­bi­saidi sisu kät­te­saa­da­vuse ja sellega suht­le­mise võimatuks. Kuigi tead­lik­kus füü­si­liste ruumide li­gi­pää­se­ta­vu­sest on mär­ki­mis­väär­selt kasvanud, esineb veebis endiselt sageli ja tihti taht­ma­tult takistusi. Need võivad olla tingitud teh­ni­lis­test otsustest, visuaalse disaini va­li­ku­test või halvasti struk­tu­ree­ri­tud sisust. Uuringud ja prak­ti­li­sed näited näitavad, et in­te­rak­tiiv­sed kom­po­nen­did, nagu sis­se­lo­gi­mine või tur­va­ele­men­did, võivad kujutada endast suuri väl­ja­kut­seid. Teatavad moo­nu­ta­tud tähti või ainult vi­suaal­seid mõis­ta­tusi kasutavad CAPTCHA-koodid võivad oluliselt piirata nä­ge­mis­puu­dega inimeste juur­de­pääsu ja olla vastuolus praeguste ootustega vee­bi­saidi juur­de­pää­se­ta­vuse osas.

Vee­bi­kät­te­saa­da­vuse stan­dar­did li­gi­pää­se­ta­vate vee­bi­sai­tide jaoks

Vee­bi­sai­tide li­gi­pää­se­ta­vuse peamine rah­vus­va­he­line standard on WCAG, täpsemalt WCAG 2.2 (veebisisu li­gi­pää­se­ta­vuse juhised). Need W3C juhised mää­rat­le­vad uusimad nõuded ja parimad tavad, mis muudavad vee­bi­sai­did kõigile ka­su­ta­ja­tele li­gi­pää­se­ta­vaks.

WCAG 2.2 rõhutab paremat ka­su­ta­ta­vust, selgemat kla­via­tuuri- ja foo­kus­na­vi­gat­siooni ning liht­sus­ta­tud in­te­rakt­sioone mo­biil­sead­me­tel. Need uuendused pee­gel­da­vad muutuvat ka­su­ta­jate käitumist ja kä­sit­le­vad takistusi, mida varasemad ver­sioo­nid täie­li­kult ei hõlmanud.

Mõned olu­li­se­mad WCAG 2.2 edukri­tee­riu­mid on järgmised:

  • Nähtav kla­via­tuuri fookus: in­te­rak­tiiv­sed elemendid peavad olema selgelt nähtavad, kui na­vi­gee­ri­takse kla­via­tuuri abil.
  • Juh­ti­mis­e­le­men­tide mii­ni­mum­suu­rus: klõp­sa­ta­vad ja puu­du­ta­ta­vad alad peavad olema piisavalt suured, et vältida ju­hus­likku ak­ti­vee­ri­mist.
  • Al­ter­na­tiivid lo­his­ta­misele: in­te­rakt­sioo­nid ei tohi tugineda ainult lo­his­ta­misele.
  • Re­dundantse si­ses­ta­mise vältimine: kasutajad ei peaks sama teavet mitu korda uuesti sisestama.
  • Juur­de­pää­se­tav au­ten­ti­mine: sis­se­lo­gi­mise prot­ses­sid ei tohi sõltuda kog­ni­tiiv­se­test üles­an­ne­test, nagu näiteks mõis­ta­tus­põ­hi­sed CAPTCHAd.

WCAG 2.2 on kaasaegse vee­bi­sai­tide aren­da­mise peamine võrd­lusalus ja moodustab Ühend­ku­ning­riigi juur­de­pää­se­ta­vuse nõuete tehnilise aluse.

Note

Ühend­ku­ning­rii­gis on vee­bi­sai­tide juur­de­pää­se­ta­vuse nõuded peamiselt mää­rat­le­tud 2010. aasta võrd­õi­gus­lik­kuse seaduses ja 2018. aasta avaliku sektori asutuste (vee­bi­sai­tide ja mo­bii­li­ra­ken­duste) juur­de­pää­se­ta­vuse ees­kir­ja­des. Need raa­mis­ti­kud keh­tes­ta­vad selged suunised et­te­võ­te­tele, avalikele asu­tus­tele ja riik­li­kult ra­has­ta­ta­va­tele or­ga­ni­sat­sioo­ni­dele ning tuginevad WCAG 2.2 stan­dar­di­tele, et määrata kindlaks, kas veebisait vastab juur­de­pää­se­ta­vuse nõuetele.

WCAG POUR põhimõte Meetmed Peamine sihtrühm
Tajutav Pakkuge sisu, mis toimib ilma vi­suaal­sete või kuul­mis­alaste vihjete ka­su­ta­miseta (nt al­ter­na­tiiv­tekst, tugev vär­vi­kont­rast, sub­tiit­rid, taus­ta­muu­sika vältimine). Nä­ge­mis­puu­dega inimesed, vär­vi­pi­me­dad, kurtidest kasutajad, eakad inimesed
Kasutatav Toetage kla­via­tuuriga na­vi­gee­ri­mist ja abi­teh­no­loo­giaid, pakkuge suuri klõpsu-/puu­te­punkte, selgeid lehekülje struk­tuure, in­tui­tiiv­seid menüüsid Ek­raa­ni­lu­ge­jate kasutajad, lii­ku­mis­puu­dega inimesed, mo­bii­li­ka­su­ta­jad, eakad inimesed
Arusaadav Kasutage selget keelt, selgitage tehnilisi termineid, vältige lühendeid, rühmitage sisu loo­gi­li­selt Kog­ni­tiiv­sete puuetega inimesed, eakamad kasutajad, ko­ge­ne­ma­tud kasutajad
Tugev Kasutage se­man­ti­list HTML-i, ARIA-sildid, tagage ühilduvus abi­teh­no­loo­gia­tega, juur­de­pää­se­ta­vad vormid selgete väljade seostega Kõik abi­teh­no­loo­gia kasutajad, ek­raa­ni­lu­geja kasutajad

Tajutav

Paljud vee­bi­sai­did si­sal­da­vad vilkuvaid reklaame, kom­men­taa­rid on täis väikese kir­ja­suu­ru­sega teksti ja mõnikord mängib taus­ta­muu­sika, et tugevdada lehe meeleolu või teemat. Sõltuvalt puude liigist ja ras­kus­ast­mest võivad mõned teie vee­bi­saidi kü­las­ta­jad neid elemente täie­li­kult või üldse mitte tajuda.

Nä­ge­mis­puu­dega inimesed näiteks na­vi­gee­rivad in­ter­ne­tis ilma vi­suaal­sete vihjete abita. Selle asemel loeb ek­raa­ni­lu­geja vee­bi­saidi sisu valjusti ette. Seade edastab loetava andme ka­su­ta­ta­va­tele abi­teh­no­loo­giatele. Näiteks värs­ken­da­tav pimedate kirja ekraan suudab teksti pimedate kirja tei­sen­dada. See võimaldab inimesel teie vee­bi­saiti puu­du­ta­des tajuda. Tekst-kõneks-muun­da­mise tööriist mängib sisu he­li­for­maa­dis. Selle teh­no­loo­gia abil kasutavad kasutajad vee­bi­saidi sisu tööt­le­miseks kuulmist. Eespool mainitud näites muutub taus­ta­muu­sika siis aga häirivaks teguriks.

Inimesed, kellel on kergem nä­ge­mis­puue – seal­hul­gas paljud eakad inimesed – saavad teie vee­bi­saidi sisu silmadega vastu võtta, kuid nad sõltuvad suurelt suu­ren­da­tud ekraanist. Vär­vi­nä­ge­mise puudega inimesed aga ei pruugi märgata hoiatusi, mis edas­ta­takse ainult värvide abil. Kuul­mis­puu­dega inimesed ei saa omakorda juur­de­pääsu ainult he­li­fai­li­des si­sal­du­vale teabele ja suurele osale vi­deo­fai­lide sisust.

Arusaadav

Väga noored kasutajad, eakamad inimesed või kog­ni­tiiv­sete puuetega inimesed võivad olla raskustes tehnilise keele, sel­gi­ta­mata lühendite või kee­ru­liste lausetega tekstide mõist­misel. Kui veebisait eraldab seotud sisu või kasutab eba­jär­je­kind­lat ter­mi­no­loo­giat, võib ka­su­ta­ja­tel olla raske mõista soovitud tähendust.

Töökorras

Mobiilse vee­bi­ka­su­tuse kasvades muutub eriti frust­ree­ri­vaks olukord, kus lingid on liiga väikesed või liiga tihedalt üksteise kõrval, et neid täpselt puudutada. Vee­bi­sai­did, mis ei ole nu­ti­te­le­fo­ni­dele op­ti­mee­ri­tud – kus tihedalt pakitud väikesed lin­gi­teks­tid on tavalised – võivad olla eriti rasked va­ne­ma­tele ini­mes­tele või kõigile, kelle käed ei ole piisavalt kindlad.

Siiski on prae­gu­seks välja töötatud palju abi­va­hen­deid füüsilise puudega ini­mes­tele, mis liht­sus­ta­vad arvutite ka­su­ta­mist. Selleks jälgivad mõned abi­va­hen­did silmade liikumist, teised teh­no­loo­giad aga töötavad kla­via­tuuri abil. Põ­hi­mõt­te­li­selt peaks vee­bi­kät­te­saa­da­vu­seks loodud veebisait olema ehitatud nii, et sellised abi­teh­no­loo­giad suudaksid seda tõl­gen­dada. Kui teie vee­bi­saiti ei ole võimalik nende abil na­vi­gee­rida, ei ole po­tent­siaal­se­tel klien­ti­del, kes neid kasutavad, võimalik teie pakkumisi täies ulatuses kasutada.

Kui ka­su­ta­ja­tel palutakse täita vormi, näiteks uudis­kirja tel­li­miseks, ei ole vead ha­rul­da­sed. Parool on liiga lühike või sün­ni­kuu­päev ei vasta määratud pa­ra­meet­ri­tele. Seetõttu tuleb anda selged juhised vigade pa­ran­da­miseks. Vee­bi­sai­diga suht­le­mine hõlmab ka na­vi­gee­ri­mist. Inimesed, kes kasutavad väikese ekraaniga seadmeid või töötavad suure ekraani suu­ren­du­s­ega, vajavad selleks ko­han­da­tud na­vi­gee­ri­mis­viise ja sõltuvad selgest, hästi struk­tu­ree­ri­tud vee­bi­sai­dist.

Kom­men­taa­rid või­mal­da­vad ka­su­ta­ja­tel anda ta­ga­si­si­det. Neid saab kasutada oma arvamuse ja­ga­miseks toote või sisu kohta või suht­le­miseks teiste ini­mes­tega. Nä­ge­mis­puu­dega inimesed kasutavad monitoril kir­ju­ta­des sageli ekraani suu­ren­da­jat. See muudab elemendid palju suuremaks ja suurendab lu­ge­mis­veeru ja si­ses­tus­välja vahelist kaugust. Seetõttu paigutage elemendid vi­suaal­selt üksteise lähedale, et ka­su­ta­ja­tel oleks lihtsam üks­tei­sega suhelda.

Tugev

Vee­bi­sai­did peavad olema abi­teh­no­loo­gia­tega ühilduvad tänu õigele koo­di­struk­tuu­rile. Se­man­ti­line HTML (nagu <main>, <nav>, <section>) aitab ek­raa­ni­lu­ge­ja­tel lehekülje üles­ehi­tust mõista. Õiged vor­mi­mär­gi­sed ühendavad si­ses­tus­väl­jad nende kir­jel­dus­tega, kasutades for atribuuti. ARIA maamärgid pakuvad ek­raa­ni­lu­geja na­vi­gee­ri­miseks otseteid. Ilma nendeta muutub isegi hästi ku­jun­da­tud sisu abi­teh­no­loo­gia ka­su­ta­ja­tele ka­su­ta­ma­tuks.

Millised on li­gi­pää­se­tava vee­bi­di­saini eelised?

Juur­de­pää­se­ta­vuse ta­kis­tuste eemal­da­mine parandab vee­bi­saidi ka­su­ta­ta­vust ja tugevdab teie nähtavust ot­sin­gu­moo­to­ri­tes. Paljud juur­de­pää­se­ta­vuse tavad kattuvad ka­su­ta­ja­ko­ge­muse ja SEO parimate tavadega, mis tähendab, et juur­de­pää­se­ta­vuse pa­ran­da­mine toob sageli kasu kõigile kü­las­ta­ja­tele.

Juur­de­pää­se­tav veebisait aitab:

  • mo­biil­sead­mete kasutajad,
  • füüsilise või kog­ni­tiivse puudega inimesed,
  • eakad inimesed ja
  • kü­las­ta­jad, kes ei pruugi olla veebis na­vi­gee­ri­mi­sega tuttavad.

Esitades teavet selgelt ja struk­tu­ree­ri­des oma vee­bi­saiti loo­gi­li­selt, suu­ren­date nii loetavust kui ka aega, mida kasutajad teie lehtedel veedavad. Kuigi juur­de­pää­se­ta­vus nõuab lisatööd ja testimist, on selle eelised mär­ki­mis­väär­sed. Juur­de­pää­se­ta­vad vee­bi­sai­did pakuvad kõigile paremat ka­su­tus­ko­ge­must.

Kuidas muuta veebisait li­gi­pää­se­ta­vaks? Nä­pu­näi­ted ja näited

Kui soovite luua li­gi­pää­se­tava vee­bi­saidi, peaksite pöörama suurt tä­he­le­panu nii teabe struk­tu­ree­ri­misele kui ka vee­bi­saidi eri­ne­va­tele vi­suaal­se­tele kom­po­nen­ti­dele.

1. samm: Tagage selge tea­be­st­ruk­tuur

Andke oma vee­bi­sai­dile loogiline, lihtsalt järgitav struktuur ja kasutage selget, ka­su­ta­ja­sõb­ra­likku keelt. See muudab teie sisu kät­te­saa­da­va­maks ja parandab ka teie Google’i reitingut, kuna ot­sin­gu­moo­to­rid hindavad loetavust ja selgust.

Tugeva SEO toe­ta­miseks ja korraliku vee­bi­saidi struk­tuuri säi­li­ta­miseks pidage silmas järgmist:

Vee­bi­saidi ar­hi­tek­tuuri element Põhjendus
URL-ide ja sisu selge ni­me­ta­mine Iga lehekülg peaks oma teema kohe selgeks tegema, pa­ran­da­des nii na­vi­gee­ri­mist kui ka aru­saa­da­vust.
Lihtne struktuur Kasutajad näevad alati, kus nad vee­bi­sai­dil asuvad ja kuidas sisu on seotud teiste osadega.
Lame hierarhia Sisu peaks olema kät­te­saa­dav vaid paari klõpsuga, muutes na­vi­gee­ri­mise kiiremaks ja tõ­hu­samaks.
Paigutuse ja sisu eral­da­mine CSS-i ka­su­ta­mine tagab, et sisu jääb struk­tu­ree­ri­tuks ja kät­te­saa­da­vaks abi­teh­no­loo­giatele, nagu ek­raa­ni­lu­ge­jad.
Mõ­tes­ta­tud, or­ga­ni­see­ri­tud ka­te­goo­riad Alam­leh­te­del peaks olema loogiline se­man­ti­line seos ülem­män­guga.
Veebiks op­ti­mee­ri­tud sisu esitamine Sisu peaks kuvatama kor­rekt­selt kõikidel seadmetel ja brau­se­ri­tes.
Ka­su­ta­ja­sõb­ra­lik keel Selge sõnastus ja sel­gi­ta­tud ter­mi­no­loo­gia aitavad kõigil lugejatel sisu paremini mõista.
Vee­bi­saidi peamised osad peavad olema alati kät­te­saa­da­vad Le­he­kül­jed nagu kontakt, otsing või koduleht peaksid olema ühe klõpsuga kät­te­saa­da­vad igalt alam­le­he­kül­jelt.
Ühtsed na­vi­gee­ri­mis­e­le­men­did Ühtne na­vi­gat­sioo­ni­struk­tuur aitab paremini orien­teeruda.
Suurte vee­bi­sai­tide puhul on kasulikud kaardid ja KKK Vee­bi­kaart ja KKK aitavad ka­su­ta­ja­tel teavet kiiresti leida.
Skaa­lau­tu­vad fondid ja res­pon­siivne kujundus Tekst ja paigutus peaksid sobima ka­su­ta­ja­tele, kes kasutavad suu­ren­dust või väik­se­maid ekraane.
Ka­su­ta­ta­vus hiire ja kla­via­tuuriga Vee­bi­sai­did peaksid olema täie­li­kult ka­su­ta­ta­vad ilma hiireta ja ühilduvad abi­va­hen­di­tega.
Al­ter­na­tiivne tekst piltide jaoks Al­ter­na­tiivne tekst toetab ek­raa­ni­lu­geja tõl­gen­da­mist ning parandab juur­de­pää­se­ta­vust ja SEO-d.

2. samm: Kasutage vi­suaal­seid vihjeid

Skaa­lau­tu­vad fondid ja värvide re­gu­lee­ri­mine aitavad nä­ge­mis­puu­dega või vär­vi­pi­me­da­tel inimestel vee­bi­saidi sisu kergemini lugeda. Veenduge, et tekst oleks taustaga piisavalt kont­rastne ja et in­te­rak­tiiv­sed elemendid, nagu nupud või lingid, oleksid selgelt eris­ta­ta­vad.

Kla­via­tuuri või ek­raa­ni­lu­ge­jaga na­vi­gee­ri­vate ka­su­ta­jate abis­ta­miseks tõstke in­te­rak­tiiv­sed elemendid esile järgmiste vahendite abil:

  • nähtavad foo­ku­s­in­di­kaa­to­rid,
  • hiirega üle li­bi­se­mise efektid,
  • ak­tiiv­sete linkide stiilid.

Ärge tuginege tähenduse edas­ta­misel ainult värvile – täiendage vär­vi­koode sümbolite, numbrite või tärnidega.

Image: Design example: colours and information
Acces­sible 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­ting­star­ted/tips/designing

Inimesed, kes kan­na­ta­vad epi­lep­siahoo­gude all, on ohus, kui veebisait sisaldab graafikat või videoid, mis vilguvad rohkem kui kolm korda sekundis. Teadlased on samuti leidnud, et teravalt pii­rit­le­tud, kont­rast­sed ruu­dus­ti­kud võivad põh­jus­tada hooge ka val­gus­tund­liku epilepsia all kan­na­ta­va­tel inimestel.

Probleem Juur­de­pää­se­tav meede Suurim kasu
Madal vär­vi­kont­rast­sus Kõrge kont­ras­tiga vär­viskee­mid Nõrga nä­ge­mi­sega inimesed
Vilkuv sisu Vältige või piirake seda Epi­lep­siahai­ged
Väikesed fon­di­suu­ru­sed Skaa­lau­tu­vad fondid Vanemad täis­kas­va­nud

3. samm: Esitage teave mitmes formaadis

Vee­bi­saidi juur­de­pää­se­ta­vus peaks olema osa teie iga­päe­va­sest tööst. Olgu tegemist ot­sin­gu­moo­to­rite op­ti­mee­ri­mise, PR-sisu aval­da­mise või uute too­te­leh­tede li­sa­mi­sega, re­gu­laar­selt üles laaditav sisu peaks olema struk­tu­ree­ri­tud nii, et see oleks kasutatav kõigile kü­las­ta­ja­tele.

Vee­bi­saidi juur­de­pää­se­ta­vuse oluline osa – koos SEO eelistega – on piltide alt-teksti lisamine. Kuna vee­bi­ro­bo­tid ja ek­raa­ni­lu­ge­jad ei suuda pilte tõl­gen­dada, pakub alt-tekst mõ­tes­ta­tud kir­jel­dusi järg­mis­tele ele­men­ti­dele:

  • pimedad kasutajad,
  • nõrga nä­ge­mi­sega inimesed,
  • aeglase in­ter­ne­ti­ühen­du­s­ega kasutajad.
Mee­dia­tüüp Juur­de­pää­se­tav al­ter­na­tiiv Sihtrühm
Pildid Alt-tekst Ek­raa­ni­lu­geja kasutajad
Videod Sub­tiit­rid, he­li­kir­jel­dus Kuul­mis­puu­dega kasutajad, nä­ge­mis­puu­dega inimesed
Heli Transk­rip­tid Kuul­mis­puu­dega kasutajad

Transk­rip­tid ja sub­tiit­rid

Transk­rip­tide ja sub­tiit­rite pidev ja õigeaegne loomine on ula­tus­li­kum ülesanne. Need vahendid või­mal­da­vad muuta helisisu kät­te­saa­da­vaks kurtidele ja kuul­mis­puu­dega ini­mes­tele. Transk­ript, mis teisendab räägitud sõnad, helid ja taustmüra tekstiks, tuleks paigutada või­ma­li­kult lähedale vastavale he­li­si­sule, näiteks nupu kaudu, mis viib otse do­ku­men­dile.

Sub­tiit­rid muudavad vee­bi­vi­deote mõistmise oluliselt liht­sa­maks kurtidele ja kuul­mis­puu­dega ini­mes­tele. Need on kasulikud ka ka­su­ta­ja­tele, kes eelis­ta­vad heli mitte mängida (näiteks sel­le­pä­rast, et nad ei taha teisi häirida). Kog­ni­tiiv­sete puuetega või ADHD-ga inimesed töötlevad videosisu sageli tõ­hu­sa­malt, kui nad saavad vi­deo­män­gija seadetega taus­ta­muu­sika mute’ida – sarnaselt kuul­mis­puu­dega ka­su­ta­ja­tega.

Audio kirjeldus

Inimesed, kelle nä­ge­mis­te­ra­vus on alla 30 protsendi, loetakse nä­ge­mis­puu­dega ini­mes­teks, ja need, kelle nä­ge­mis­te­ra­vus on alla 2 protsendi, loetakse pi­me­da­teks. Nad tajuvad vi­suaal­set teavet ainult osaliselt või üldse mitte. Et tagada, et need inimesed saaksid teie vi­deo­si­sust aru, peaksite lisama täiendava heliriba. See heliriba sisaldab selgitusi vi­suaal­sete ele­men­tide, nagu maastike ja inimeste kohta, ning lühikesi kir­jel­dusi ekraanil toimuvate tegevuste kohta. Paigutage need sel­gi­tu­sed ori­gi­naal­sal­ves­tuse kõne- ja he­li­pausidesse, et heliribad ei kattuks.

Lihtsalt loetav keel

Lihtne keel väljendab sisu väga lihtsal viisil. See aitab kog­ni­tiiv­sete puuetega inimestel keerulist teavet kergemini mõista. Lihtne keel vältib selliseid elemente nagu kon­junk­tiiv, sü­no­nüü­mid ja eitused. Lauseid on lühikesed ja si­sal­da­vad korraga ainult ühte mõtet. Kog­ni­tiiv­sete puuetega inimestel on teistega võrdne õigus teabele. Seetõttu pakuvad päe­va­le­hed oma vee­bi­por­taa­li­des üha sa­ge­da­mini artiklite lihtsas keeles versioone, mis on heaks näiteks li­gi­pää­se­ta­va­test vee­bi­sai­ti­dest. Ka avalikud asutused kasutavad oma tea­be­teks­ti­des üha sa­ge­da­mini lihtsat keelt.

Vähem range vorm on nn kergesti loetav keel, mis vastab li­gi­kaud­selt keele tasemele A2 või B1.

4. samm: Muuda veebisait ühil­du­vaks

Abi­teh­no­loo­giad, nagu ek­raa­ni­lu­ge­jad, muudavad veebi paljudele ka­su­ta­ja­tele li­gi­pää­se­ta­vaks. Need töö­riis­tad töötlevad vee­bi­saite li­neaar­selt vasakult paremale ja ülevalt alla, mistõttu tuleb paigutus ja sisu selgelt eraldada. Muidu võivad lehe elemendid valesti tõl­gen­da­tud saada.

Ka­su­ta­jate tõhusa na­vi­gee­ri­mise hõl­bus­ta­miseks järgige neid põ­hi­reeg­leid.

Jäta na­vi­gee­ri­mis­lin­gid ja muud otseteed vahele

Ek­raa­ni­lu­ge­jad edastavad teks­ti­info teksti-kõneks muun­da­vale tark­va­rale ja uuen­da­ta­va­tele punkt­kirja ek­raa­ni­dele. Selleks loevad nad lehekülge ülevalt alla – see hõlmab ka korduvaid elemente, nagu na­vi­gee­ri­mis­ribad, ikoonid või lingid alam­leh­te­dele. Et lugeja ei korduks seda infot igal le­he­kül­jel tarbetult, peaksite rakendama na­vi­gee­ri­mise va­he­le­jät­mise linke (lühidalt: va­he­le­jät­mise lingid).

Kasutajad, kes na­vi­gee­rivad ainult kla­via­tuuri abil, võimalik, et suu pulgaga, peavad samuti palju vaeva nägema, kui nad peavad tabeldama paljude ele­men­tide vahel. Neile ini­mes­tele on kasulik lehe ülaosas või­ma­li­kult nähtav hüp­pe­lingi link:

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

On olemas hüp­pe­lin­gid, mis on pai­gu­tuses näh­ta­ma­tud, kuid ek­raa­ni­lu­geja edastab ka­su­tajale al­ter­na­tiivse teks­ti­sõ­numi „Hüppa na­vi­gee­ri­mine üle”, kui kood näeb välja järgmine:

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

On oluline, et hüp­pe­lin­gid ilmuksid koodis või­ma­li­kult varakult. Paiguta ankur sihtmärk peamise sisu algusse:

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

Kasutage hüp­pe­lin­geid mõõdukalt, kuna liiga palju neid võib tühistada nende po­si­tiivse mõju ja sundida ka­su­ta­jaid klõpsama liiga palju elemente. Ele­gant­sem lahendus on kasutada ARIA maamärke ja tagada dokumendi hea struktuur. Samuti on soo­vi­ta­tav kasutada HTML5 elemente.

Teine kasulik funkt­sioon on dokumendi alguses olev sisukord, mis võimaldab ka­su­ta­ja­tel le­he­kül­jel olevate linkide kaudu minna konk­reet­se­tesse jao­tis­tesse. Kaas­aeg­sed ek­raa­ni­lu­ge­jad loevad vastavad peal­kir­jad valjusti ette. Mõ­tes­ta­tud ja hästi struk­tu­ree­ri­tud peal­kir­jade ka­su­ta­mi­sega parandate loetavust nii ot­sin­gu­moo­to­rite kui ka abi­teh­no­loo­giate jaoks.

And­me­ta­belid asemel pai­gu­tus­ta­belid

W3C vee­bi­kät­te­saa­da­vuse juhiste kohaselt on vee­bi­kät­te­saa­da­vuse ta­ga­miseks ideaalne kasutada ainult and­me­ta­be­leid. Ek­raa­ni­lu­ge­jad ei ole selle for­maa­diga nii palju probleeme ja suudavad pärast tei­sen­da­mist esitada teavet mõ­tes­ta­tult. Layout-tabelid annavad lehele küll visuaalse struk­tuuri, kuid ras­ken­da­vad ek­raa­ni­lu­ge­ja­tel sisu selgelt edas­ta­mist.

Määrake pai­gu­tus­ta­belid, kasutades ainult lihtsaid elemente: TABLE, TR ja TD (vastavalt tabel, rida ja lahtri). Kasutage struk­tuu­ri­ele­mente, et muuta lahtrite vahelised suhted loo­gi­li­seks; siis loeb ek­raa­ni­lu­geja pai­gu­tus­ta­be­lit nagu and­me­ta­be­lit. Teete vas­tu­pi­dist, kui eemaldate teatud ta­be­li­ele­men­did juur­de­pää­se­ta­vuse puust.

Vee­bi­kät­te­saa­da­vuse ta­ga­miseks kasutage näites näidatud koodi role="none". See kehtib tabeli ja selle ala­m­e­le­men­tide kohta. Kui tabelid on üksteise sees, peate mää­rat­lema mõlemad elemendid sellega.

<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

Juur­de­pää­se­ta­vate vee­bi­sai­tide kont­roll­ni­me­kiri

Kui olete oma vee­bi­saidi loomise lõpetanud, aitab meie vee­bi­kät­te­saa­da­vuse kont­roll­ni­me­kiri teil veenduda, et olete ar­ves­ta­nud kõiki olulisi tegureid.

Teave on hästi or­ga­ni­see­ri­tud ja lihtne jälgida

Selge ja aru­saa­dava keele ka­su­ta­mine

Piltide al­ter­na­tiiv­tekst

Video- ja au­dio­transk­ript­sioo­nid

Olulise sisu värviline esi­le­tõst­mine

Suur kont­rast­sus

Ek­raa­ni­lu­geja tugi

Tip

Ilmselt ei ole üllatav, et W3C veebisait on suu­re­pä­rane näide veebis kät­te­saa­da­vast vee­bi­põ­hi­sest esin­da­tu­sest. See sisaldab stan­dar­di­tes nõutavaid põ­hi­ele­mente:

  • Lihtne keel
  • Selge struk­tuuriga HTML
  • Praegu valitud ele­men­tide in­di­kaa­tor
  • Vär­vi­kont­rast
  • Selge ja lihtsalt jälgitav struktuur

Tasuta töö­riis­tad li­gi­pää­se­ta­vate vee­bi­sai­tide loomiseks

On mitmeid vahendeid, mis aitavad teil luua li­gi­pää­se­ta­vat vee­bi­saiti. Allpool on toodud mõned tuntumad või­ma­lu­sed:

  • TPGi ARC Toolkit: väga usal­dus­väärne ja ideaalne teh­ni­liste vee­bi­sai­tide au­di­tee­ri­miseks.
  • Acces­si­bi­lity Checker: see vee­bi­ra­ken­dus võimaldab teil tasuta testida oma vee­bi­saidi vastavust WCAG-stan­dar­di­tele.
  • Si­teimp­rove: Si­teimp­rove’i juur­de­pää­se­ta­vuse kont­rol­lija pakub tasuta vee­bi­saidi ska­nee­ri­mist, mille tulemused saa­de­takse e-postiga.

Vee­bi­saidi juur­de­pää­se­ta­vus parandab ka­su­ta­ja­ko­ge­must kõigile

Vee­bi­saidi juur­de­pää­se­ta­vuse pa­ran­da­mine suurendab selle üldist ka­su­ta­ta­vust ja parandab oluliselt ka­su­ta­ja­ko­ge­must. See toob kasu:

  • mo­bii­li­ka­su­ta­jad,
  • füüsilise või kog­ni­tiivse puudega inimesed,
  • eakad inimesed ja
  • kõik, kellel on raskusi veebis na­vi­gee­ri­mi­sega.

Vee­bi­saidi selge struk­tu­ree­ri­mine ja sisu koos­ta­mine kaasava, kergesti mõis­te­tava formaadis toetab nii juur­de­pää­se­ta­vust kui ka ot­sin­gu­moo­tori op­ti­mee­ri­mist. Selge ar­hi­tek­tuur, tugev kont­rast­sus, loetav tekst ja abi­teh­no­loo­gia ühilduvus aitavad kaasa kü­las­tuste kestuse pi­ke­ne­misele ja rahulolu suu­re­ne­misele.

Kuigi juur­de­pää­se­ta­vuse tagamine nõuab lisatööd, nagu põhjalik testimine, selge sisu struktuur, al­ter­na­tiivne tekst ja hoolikalt ka­van­da­tud in­te­rakt­sioo­ni­ele­men­did, on see in­ves­tee­ring seda väärt. Juur­de­pää­se­tav vee­bi­saidi disain on kasulik kõigile ka­su­ta­ja­tele, tugevdab brändi usal­dus­väär­sust ja aitab teil jõuda laiemale publikule, seal­hul­gas neile, kes kasutavad veebis na­vi­gee­ri­miseks abi­teh­no­loo­giaid.

Go to Main Menu