Pie­kļūs­ta­mās tīmekļa vietnes nodrošina, ka lietotāji ar dažādām in­va­li­di­tā­tēm un va­ja­dzī­bām var izmantot tīmekļa vietnes bez ie­ro­be­žo­ju­miem un bez citu pa­lī­dzī­bas. Tādējādi pie­kļūs­ta­mās tīmekļa vietnes mērķis ir novērst noteiktu grupu, piemēram, cilvēku ar fiziskām vai garīgām in­va­li­di­tā­tēm, iz­slēg­ša­nu no tiešsais­tes vidē.

Kas ir pieejama tīmekļa vietne?

Lai izveidotu pieejamu tīmekļa vietni, ir jā­iz­s­trā­dā tīmekļa saturs tā, lai visi lietotāji varētu to apskatīt un saprast. Tas attiecas arī uz cilvēkiem, kuri izmanto pa­līg­lī­dzek­ļus, piemēram, ekrāna lasītājus, tas­ta­tū­ras na­vi­gā­ci­ju, pa­lie­li­nā­ša­nas rīkus vai subtitrus. Lai radītu ie­kļau­jo­šu tiešsais­tes pieredzi, pieejamas tīmekļa vietnes ir būtiskas uz­ņē­mu­miem, or­ga­ni­zā­ci­jām un valsts iestādēm. Pieejams tīmekļa dizains var arī uzlabot mek­lē­tājprog­ram­mu op­ti­mi­zā­ci­ju, uzlabojot lie­to­ja­mī­bu un in­for­mā­ci­jas struktūru.

Barjeras ir šķēršļi, kas lie­to­tā­jiem apgrūtina vai dažos gadījumos padara ne­ie­s­pē­ja­mu piekļuvi tīmekļa vietnes saturam un mi­jie­dar­bī­bu ar to. Lai gan izpratne par pie­eja­mī­bu fiziskajā vidē ir ie­vē­ro­ja­mi uz­la­bo­ju­sies, barjeras tīmeklī joprojām rodas bieži un bieži vien netīšām. To cēlonis var būt tehniskie lēmumi, vizuālā dizaina izvēle vai slikti struk­tu­rēts saturs. Pētījumi un prak­tis­kie piemēri liecina, ka in­te­rak­tī­vas sa­stāv­da­ļas, piemēram, pie­teik­ša­nās vai drošības funkcijas, var radīt lielas grūtības. Daži CAPTCHA, kuros izmantoti iz­krop­ļo­ti simboli vai tikai vizuāli mīklas, var ie­vē­ro­ja­mi ierobežot piekļuvi cilvēkiem ar redzes trau­cē­ju­miem un neatbilst pa­šrei­zē­jām prasībām attiecībā uz pieejamām tīmekļa vietnēm.

Tīmekļa pie­eja­mī­bas standarti pieejamām tīmekļa vietnēm

Galvenais star­ptau­tis­kais standarts pieejamām tīmekļa vietnēm ir WCAG, konkrēti WCAG 2.2 (Tīmekļa satura pie­eja­mī­bas pa­mat­nos­tād­nes). Šīs W3C pa­mat­nos­tād­nes definē jaunākās prasības un labāko praksi, kas padara tīmekļa vietnes pieejamas visiem lie­to­tā­jiem.

WCAG 2.2 uzsver uzlabotu lie­to­ja­mī­bu, skaidrāku tas­ta­tū­ras un fokusa na­vi­gā­ci­ju, kā arī vien­kār­šo­tu mi­jie­dar­bī­bu mobilajās ierīcēs. Šie at­jau­ni­nā­ju­mi atspoguļo mainīgo lietotāju uzvedību un novērš šķēršļus, kurus ie­priek­šē­jās versijas pilnībā neaptvēra.

Daži no sva­rī­gā­ka­jiem WCAG 2.2 panākumu kri­tē­ri­jiem ir:

  • Redzams tas­ta­tū­ras fokuss: in­te­rak­tī­vie elementi jābūt skaidri redzamiem, kad na­vi­gā­ci­ja notiek, iz­man­to­jot tastatūru.
  • Mi­ni­mā­lais vadības elementu izmērs: klik­šķi­nā­mās un pie­skā­rie­nu zonas jābūt pie­tie­ka­mi lielām, lai iz­vai­rī­tos no nejaušas ak­ti­vi­zē­ša­nas.
  • Al­ter­na­tī­vas velkšanas kustībām: In­te­rak­ci­jas nedrīkst bal­stī­ties tikai uz velkšanas un nomešanas funkcijām.
  • Lieku ievades iz­vai­rī­ša­nās: lie­to­tā­jiem ne­va­ja­dzē­tu vai­rāk­kārt ievadīt vienu un to pašu in­for­mā­ci­ju.
  • Piekļuve au­ten­ti­fi­kā­ci­jai: Pie­slēg­ša­nās procesi nedrīkst būt atkarīgi no kog­ni­tī­vām uz­de­vu­miem, piemēram, puzzle tipa CAPTCHA.

WCAG 2.2 ir galvenais standarts mūsdienu tīmekļa vietņu izstrādē un veido tehnisko pamatu pie­eja­mī­bas prasībām Ap­vie­no­ta­jā Karalistē.

Note

Ap­vie­no­ta­jā Karalistē pie­eja­mī­bas prasības tīmekļa vietnēm gal­ve­no­kārt ir noteiktas 2010. gada Likumā par vien­lī­dzī­bu un 2018. gada No­tei­ku­mos par pie­eja­mī­bu publiskā sektora iestādēm (tīmekļa vietnēm un mobilajām lietotnēm). Šie re­gu­lē­ju­mi nosaka skaidras vadlī­ni­jas uz­ņē­mu­miem, publiskām iestādēm un publiski fi­nan­sē­tām or­ga­ni­zā­ci­jām un balstās uz WCAG 2.2 stan­dar­tiem, lai noteiktu, vai tīmekļa vietne atbilst pie­eja­mī­bas prasībām.

WCAG POUR princips Pasākums Galvenā mērķa grupa
Uztverams No­dro­ši­niet saturu, kas darbojas, ne­pa­ļau­jo­ties vienīgi uz vizuāliem vai audiāliem signāliem (piemēram, al­ter­na­tī­vais teksts, spēcīgs krāsu kontrasts, subtitri, foniskā audio iz­vai­rī­ša­nās). Cilvēki ar redzes trau­cē­ju­miem, krāsu aklumu, ne­dzir­dī­gi lietotāji, vecāka ga­da­gā­ju­ma cilvēki
Dar­bot­spē­ja At­bal­stiet tas­ta­tū­ras na­vi­gā­ci­ju un pa­līg­lī­dzek­ļus, no­dro­ši­niet lielus klikšķa/pie­skā­rie­na mērķus, skaidras lapu struk­tū­ras, in­tui­tī­vas izvēlnes Ekrāna lasītāju lietotāji, cilvēki ar kustību trau­cē­ju­miem, mobilo ierīču lietotāji, vecāka ga­da­gā­ju­ma cilvēki
Saprotams Izmanto skaidru valodu, paskaidro tehniskos terminus, izvairies no sa­īsi­nā­ju­miem, loģiski grupē saturu Cilvēki ar kog­ni­tī­vām in­va­li­di­tā­tēm, vecāki lietotāji, ne­pie­re­dzē­ju­ši lietotāji
Robusts Iz­man­to­jiet se­man­tis­ko HTML, ARIA etiķetes, no­dro­ši­niet saderību ar pa­līg­teh­no­lo­ģi­jām, pieejamas formas ar skaidrām lauku saistībām Visi pa­līg­teh­no­lo­ģi­ju lietotāji, ekrāna pa­lie­li­nā­tā­ju lietotāji

Uztverams

Daudzas tīmekļa vietnes satur mir­go­jo­šas reklāmas, komentāru sadaļas ir pie­pil­dī­tas ar maziem burtiem, un dažkārt pat tiek atskaņota fona mūzika, lai pa­stip­ri­nā­tu lapas noskaņu vai tēmu. Atkarībā no in­va­li­di­tā­tes veida un smaguma pakāpes, daži jūsu tīmekļa vietnes ap­mek­lē­tā­ji var nepamanīt šos elementus pilnībā vai vispār.

Piemēram, neredzīgi cilvēki pār­vie­to­jas internetā bez vizuāliem signāliem. Tā vietā ekrāna lasītājs skaļi nolasa tīmekļa vietni. Ierīce nodod lasāmos datus iz­man­to­ta­jām pa­līg­teh­no­lo­ģi­jām. Piemēram, at­jau­ni­nāms Braila displejs var pārvērst tekstu Braila rakstā. Tas ļauj personai uztvert jūsu tīmekļa vietni ar tausti. Teksta pār­vēr­ša­nas runā rīks atskaņo saturu audio formātā. Iz­man­to­jot šo teh­no­lo­ģi­ju, lietotāji paļaujas uz dzirdi, lai ap­strā­dā­tu tīmekļa vietnes saturu. Tomēr minētajā piemērā fona mūzika kļūst par trau­cē­jo­šu faktoru.

Cilvēki ar mazāk smagu redzes trau­cē­ju­mu, tostarp daudzi vecāka ga­da­gā­ju­ma cilvēki, var uztvert jūsu tīmekļa vietnes saturu ar acīm, bet viņiem ir ne­pie­cie­šams ļoti pa­lie­li­nāts displejs. Savukārt cilvēki ar krāsu redzes trau­cē­ju­miem var nepamanīt brī­di­nā­ju­mus, kas tiek nodoti tikai ar krāsu palīdzību. Savukārt ne­dzir­dī­gi cilvēki nevar piekļūt in­for­mā­ci­jai, kas atrodas tikai audio failos, un lielai daļai satura video failos.

Saprotams

Ļoti jauni lietotāji, vecāki cilvēki vai cilvēki ar kog­ni­tī­vām trau­cē­ju­mām var sa­skar­ties ar grūtībām saprast tekstus, kas ir pie­pil­dī­ti ar tehnisko valodu, ne­iz­skaid­ro­tiem sa­īsi­nā­ju­miem vai sa­rež­ģī­tiem teikumiem. Ja tīmekļa vietnē sa­is­tī­tais saturs ir sadalīts vai tiek izmantota ne­kon­sek­ven­ta ter­mi­no­lo­ģi­ja, lie­to­tā­jiem var būt grūti saprast paredzēto nozīmi.

Darb­spē­jīgs

Tā kā mobilā pār­lū­ko­ša­na turpina at­tīs­tī­ties, īpaši ne­pa­tī­ka­mi ir, ja saites ir pārāk mazas vai pārāk tuvu viena otrai, lai tās varētu precīzi pie­skar­ties. Tīmekļa vietnes, kas nav op­ti­mi­zē­tas viedtāl­ru­ņiem — kurās bieži sa­sto­pa­mas blīvi iz­vie­to­tas, sīkas saites — var būt īpaši grūti lie­to­ja­mas gados vecākiem cilvēkiem vai ikvienam, kam ir ie­ro­be­žo­ta roku sta­bi­li­tā­te.

Tomēr tagad ir iz­strā­dā­ti daudzi rīki cilvēkiem ar fiziskām in­va­li­di­tā­tēm, kas atvieglo datoru lietošanu. Šim nolūkam daži rīki seko acu kustībām, bet citas teh­no­lo­ģi­jas tiek vadītas ar tastatūru. Principā tīmekļa pie­eja­mī­bai paredzēta tīmekļa vietne jāveido tā, lai to varētu in­ter­pre­tēt šādas pa­līg­teh­no­lo­ģi­jas. Ja jūsu tīmekļa vietnē nevar navigēt ar šo palīdzību, po­ten­ciā­lie klienti, kas paļaujas uz tām, nevar izmantot jūsu pie­dā­vā­ju­mu pilnu klāstu.

Kad lie­to­tā­jiem tiek lūgts aizpildīt veidlapu, piemēram, lai pie­rak­stī­tos uz jaunumiem, kļūdas nav retums. Parole ir pārāk īsa vai dzimšanas datums neatbilst no­rā­dī­ta­jiem pa­ra­met­riem. Tāpēc sniedziet skaidras norādes par to, kā labot kļūdas. Saziņa ar tīmekļa vietni ietver arī na­vi­gā­ci­ju. Cilvēki, kuri izmanto ierīces ar maziem ekrāniem vai strādā ar lielu ekrāna pa­lie­li­nā­ju­mu, ne­pie­cie­ša­ma tam pielāgota na­vi­gā­ci­ja un skaidra, labi struk­tu­rē­ta tīmekļa vietne.

Komentāru sadaļas ļauj lie­to­tā­jiem sniegt at­sauk­smes. Tās var izmantot, lai dalītos ar viedokli par produktu vai saturu vai sazinātos ar citiem cilvēkiem. Rakstot uz monitora, cilvēki ar redzes trau­cē­ju­miem bieži izmanto ekrāna pa­lie­li­nā­tā­ju. Tas padara elementus daudz lielākus un palielina attālumu starp lasīšanas kolonnu un ievades laukumu. Tāpēc no­vie­to­jiet elementus vizuāli tuvu viens otram, lai lie­to­tā­jiem būtu vieglāk sa­zi­nā­ties.

Robusts

Tīmekļa vietnēm jābūt saderīgām ar pa­līg­teh­no­lo­ģi­jām, iz­man­to­jot at­bil­sto­šu koda struktūru. Se­man­tis­kais HTML (piemēram, <main>, <nav>, <section>) palīdz ekrāna la­sī­tā­jiem saprast lapas struktūru. At­bil­sto­šas veidlapu etiķetes savieno ievades laukus ar to ap­rak­stiem, iz­man­to­jot for atribūtus. ARIA orien­tie­ri nodrošina īsceļus ekrāna lasītāju na­vi­gā­ci­jai. Bez tiem pat labi iz­strā­dāts saturs kļūst ne­iz­man­to­jams pa­līg­teh­no­lo­ģi­ju lie­to­tā­jiem.

Kādas ir pieejama tīmekļa dizaina priekš­ro­cī­bas?

Pie­kļūs­ta­mī­bas barjeru novēršana uzlabo jūsu tīmekļa vietnes lie­to­ja­mī­bu un stiprina jūsu redzamību mek­lē­tājprog­ram­mās. Daudzas pie­kļūs­ta­mī­bas prakses pārklājas ar labākajām praksēm lietotāju pieredzes un SEO jomā, kas nozīmē, ka pie­kļūs­ta­mī­bas uz­la­bo­ju­mi bieži vien ir izdevīgi visiem ap­mek­lē­tā­jiem.

Pieejama tīmekļa vietne palīdz:

  • lietotāji mobilajās ierīcēs,
  • cilvēkiem ar fiziskām vai kog­ni­tī­vām in­va­li­di­tā­tēm,
  • vecāka ga­da­gā­ju­ma cilvēki un
  • ap­mek­lē­tā­ji, kuri var nebūt pazīstami ar tīmekļa na­vi­gā­ci­ju.

Skaidri izklāstot in­for­mā­ci­ju un loģiski struk­tu­rē­jot savu tīmekļa vietni, jūs pa­lie­li­nāt gan lasāmību, gan laiku, ko lietotāji pavada jūsu lapās. Lai gan pie­eja­mī­ba prasa papildu darbu un testēšanu, tās priekš­ro­cī­bas ir plašas. Pieejamas tīmekļa vietnes nodrošina labāku pieredzi visiem.

Kā padarīt tīmekļa vietni pieejamu? Padomi un piemēri

Ja vēlaties izveidot pieejamu tīmekļa vietni, jums jāpievērš īpaša uzmanība in­for­mā­ci­jas struk­tū­rai, kā arī dažādām tīmekļa vietnes vi­zuā­la­jām sa­stāv­da­ļām.

1. solis: No­dro­ši­niet skaidru in­for­mā­ci­jas struktūru

Padariet savu tīmekļa vietni loģisku, viegli iz­se­ko­ja­mu un iz­man­to­jiet vienkāršu, lie­to­tā­jam draudzīgu valodu. Tas padara jūsu saturu pie­eja­mā­ku un uzlabo jūsu Google reitingu, jo mek­lē­tājprog­ram­mas novērtē lasāmību un skaidrību.

Lai no­dro­ši­nā­tu spēcīgu SEO un uzturētu or­ga­ni­zē­tu vietnes ar­hi­tek­tū­ru, ņemiet vērā šādus aspektus:

Elementa vietne ar­hi­tek­tū­rā Pa­ma­to­jums
Skaidri nosaukumi URL un satura Katra lapa ir jāpadara tās tēma uzreiz skaidra, uzlabojot gan na­vi­gā­ci­ju, gan sa­pro­ta­mī­bu.
Viegli iz­se­ko­ja­ma struktūra Lietotāji vienmēr var redzēt, kurā vietā viņi atrodas vietnē un kā saturs saistīts ar citām sadaļām.
Plakana hie­rar­hi­ja Saturs jābūt pieejamam ar pāris klikšķiem, padarot na­vi­gā­ci­ju ātrāku un efek­tī­vā­ku.
Izklājuma un satura no­šķir­ša­na CSS iz­man­to­ša­na nodrošina, ka saturs paliek struk­tu­rēts un pieejams pa­līg­teh­no­lo­ģi­jām, piemēram, ekrāna la­sī­tā­jiem.
Jēgpilnas, or­ga­ni­zē­tas ka­te­go­ri­jas Ap­akš­la­pām jābūt loģiskā se­man­tis­kā saistībā ar galveno lapu.
Tīmeklim op­ti­mi­zē­ta satura pre­zen­tā­ci­ja Saturs jāparāda pareizi visās ierīcēs un pār­lūkprog­ram­mās.
Lie­to­tā­jam draudzīga valoda Skaidra for­mu­lē­ju­mi un iz­skaid­ro­ta ter­mi­no­lo­ģi­ja palīdz visām mēr­ķau­di­to­ri­jām saprast saturu.
Galvenās tīmekļa vietnes sadaļas vienmēr pieejamas Lapas, piemēram, „Kontakti”, „Meklēšana” vai sākumlapa, jābūt pieejamām no jebkuras ap­akš­la­pas ar vienu klikšķi.
Vienoti na­vi­gā­ci­jas elementi Vienota na­vi­gā­ci­jas struktūra atvieglo orien­tē­ša­nos.
Lielu tīmekļa vietņu kartes un bieži uzdotie jautājumi Sitemap un FAQ palīdz lie­to­tā­jiem ātri atrast in­for­mā­ci­ju.
Mē­ro­go­ja­mi fontu izmēri un res­ponsīvs iz­kār­to­jums Teksts un iz­kār­to­jums jāpielāgo lie­to­tā­jiem, kuri izmanto pa­lie­li­nā­ju­mu vai mazākus ekrānus.
Lie­to­ja­mī­ba ar peli un tastatūru Tīmekļa vietnes jābūt pilnībā lie­to­ja­mām bez peles un saderīgām ar pa­līg­lī­dzek­ļiem.
Al­ter­na­tī­vais teksts attēliem Al­ter­na­tī­vais teksts atbalsta ekrāna lasītāja in­ter­pre­tā­ci­ju un uzlabo pie­eja­mī­bu un SEO.

2. solis: iz­man­to­jiet vizuālos signālus

Mē­ro­go­ja­mi fontu izmēri un krāsu pie­lā­go­ju­mi palīdz cilvēkiem ar vāju redzi vai krāsu aklumu vieglāk lasīt tīmekļa vietnes saturu. Pār­lie­ci­nie­ties, ka teksts pie­tie­ka­mi kontrastē ar fonu un ka in­te­rak­tī­vie elementi, piemēram, pogas vai saites, ir skaidri izceļas.

Lai palīdzētu lie­to­tā­jiem, kuri navigē ar tastatūru vai ekrāna lasītāju, izcelt in­te­rak­tī­vos elementus, iz­man­to­jot:

  • redzami fokusa in­di­ka­to­ri,
  • pār­vie­to­ša­nas efekti,
  • aktīvo saikņu stili.

Ne­iz­man­to­jiet tikai krāsu, lai nodotu nozīmi — pa­pil­di­niet krāsu kodus ar simboliem, cipariem vai zvaigznī­tēm.

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

Cilvēki, kas cieš no epi­lep­si­jas lēkmēm, ir pakļauti riskam, ja tīmekļa vietnē ir attēli vai vi­deok­li­pi, kas mirgo vairāk nekā trīs reizes sekundē. Pētnieki ir arī atklājuši, ka asu kontrastu tīklojuma raksti var izraisīt lēkmes arī cilvēkiem, kas cieš no gaismas jutīgas epi­lep­si­jas.

Problēma Pie­eja­mais pasākums Lielākais ieguvums
Zems krāsu kontrasts Augsta kontrasta krāsu shēmas Cilvēki ar vāju redzi
Mirgojošs saturs Iz­vai­rie­ties no tā vai ie­ro­be­žo­jiet to Cilvēki ar epi­lep­si­ju
Mazs fontu izmērs Mē­ro­go­ja­mi fontu izmēri Vecāka ga­da­gā­ju­ma cilvēki

3. solis: In­for­mā­ci­jas sniegšana vairākos formātos

Tīmekļa vietnes pie­eja­mī­ba ir jāiekļauj jūsu ikdienas darba procesā. Ne­at­ka­rī­gi no tā, vai jūs veicat op­ti­mi­zā­ci­ju mek­lē­tājprog­ram­mām, pub­li­cē­jat PR saturu vai pie­vie­no­jat jaunas produktu lapas, regulāri aug­šu­pie­lā­dē­tais saturs ir jā­struk­tu­rē tā, lai tas būtu pieejams visiem ap­mek­lē­tā­jiem.

Vienas no sva­rī­gā­ka­jām tīmekļa vietnes pie­eja­mī­bas sa­stāv­da­ļām, kas sniedz SEO priekš­ro­cī­bas, ir attēlu al­ter­na­tī­vais teksts. Tā kā in­dek­sa­to­ri un ekrāna lasītāji nevar in­ter­pre­tēt attēlus, al­ter­na­tī­vais teksts sniedz nozīmīgus aprakstus:

  • akli lietotāji,
  • cilvēkiem ar vāju redzi,
  • lie­to­tā­jiem ar lēnu interneta sa­vie­no­ju­mu.
Mediju veids Pieejama al­ter­na­tī­va Mēr­ķau­di­to­ri­ja
Attēli Al­ter­na­tī­vais teksts Ekrāna lasītāju lietotāji
Video Subtitri, audio apraksts Ne­dzir­dī­gi lietotāji, cilvēki ar redzes trau­cē­ju­miem
Audio Trans­krip­ci­jas Ne­dzir­dī­gi lietotāji

Trans­krip­ti un subtitri

Ne­pār­trauk­ta un sav­lai­cī­ga trans­krip­ci­ju un subtitru izveide ir plašāks uzdevums. Šie rīki ļauj padarīt audio saturu pieejamu cilvēkiem, kuri ir ne­dzir­dī­gi vai kuriem ir dzirdes trau­cē­ju­mi. Trans­krip­ci­ja, kas pārvērš runātos vārdus, kā arī skaņas un fona trokšņus tekstā, jānovieto pēc iespējas tuvāk sa­is­tī­ta­jam audio saturam — piemēram, iz­man­to­jot pogu, kas tieši saistīta ar dokumentu.

Subtitri ie­vē­ro­ja­mi atvieglo cilvēkiem, kuri ir ne­dzir­dī­gi vai kuriem ir dzirdes trau­cē­ju­mi, saprast tīmekļa vi­deok­li­pus. Tie ir noderīgi arī lie­to­tā­jiem, kuri nevēlas atskaņot audio (piemēram, tāpēc, ka nevēlas traucēt citus). Cilvēki ar kog­ni­tī­viem trau­cē­ju­miem vai tādiem stā­vok­ļiem kā ADHD bieži vien efektīvāk apstrādā vi­deok­li­pu saturu, ja var izslēgt fona skaņas, iz­man­to­jot vi­deok­li­pa at­ska­ņo­tā­ja ie­sta­tī­ju­mus — līdzīgi kā lietotāji ar dzirdes trau­cē­ju­miem.

Audio apraksts

Cilvēki ar redzes asumu zem 30 pro­cen­tiem tiek uzskatīti par redzes in­va­lī­diem, bet tie, kuru redzes asums ir zem 2 pro­cen­tiem, tiek uzskatīti par akliem. Viņi redzes in­for­mā­ci­ju uztver tikai daļēji vai vispār neuzņem. Lai no­dro­ši­nā­tu, ka šie cilvēki var saprast jūsu video saturu, jums jāiekļauj papildu audio celiņš. Šis celiņš sniedz pa­skaid­ro­ju­mus par vizuāliem ele­men­tiem, piemēram, ainavām, cilvēkiem, un īsus aprakstus par darbībām, kas notiek ekrānā. Ie­vie­to­jiet šos pa­skaid­ro­ju­mus ori­ģi­nā­lās ieraksta runas un audio pauzēs, lai audio celiņi ne­pār­klā­tos.

Viegli lasāma valoda

Vienkāršā valoda izsaka saturu ļoti vienkāršā veidā. Tā palīdz cilvēkiem ar kog­ni­tī­vām trau­cē­ju­mām vieglāk saprast sarežģītu in­for­mā­ci­ju. Vienkāršā valoda izvairās no tādiem ele­men­tiem kā kon­jun­ktīvs, sinonīmi un noliegumi. Teikumi ir īsi un satur tikai vienu domu. Cilvēkiem ar kog­ni­tī­vām in­va­li­di­tā­tēm ir tādas pašas tiesības uz in­for­mā­ci­ju kā visiem pārējiem. Tāpēc ikdienas laik­rak­sti arvien biežāk savās tiešsais­tes plat­for­mās publicē savu rakstu versijas vienkāršā valodā, kas ir labs piemērs pieejamām tīmekļa vietnēm. Arī valsts iestādes savos in­for­ma­tī­va­jos tekstos arvien biežāk izmanto vienkāršu valodu.

Mazāk stingra forma ir tā saucamā viegli lasāmā valoda, kas aptuveni atbilst valodas līmenim A2 vai B1.

4. solis: Padarīt tīmekļa vietni saderīgu

Pa­līg­teh­no­lo­ģi­jas, piemēram, ekrāna lasītāji, daudziem lie­to­tā­jiem nodrošina piekļuvi tīmeklim. Šie rīki apstrādā tīmekļa vietnes lineāri no kreisās puses uz labo un no augšas uz leju, tāpēc iz­kār­to­jums un saturs ir jānošķir skaidri. Pretējā gadījumā lapas elementi var tikt in­ter­pre­tē­ti nepareizi.

Lai palīdzētu lie­to­tā­jiem efektīvi orien­tē­ties, ie­vē­ro­jiet šos pa­mat­no­tei­ku­mus.

Izlaist na­vi­gā­ci­jas saites un citus saīsnes

Ekrāna lasītāji nodod teksta in­for­mā­ci­ju teksta pār­vēr­ša­nas runā prog­ram­ma­tū­rai un at­jau­ni­nā­miem Braila disple­jiem. Lai to izdarītu, tie lasa lapu no augšas uz leju — tas ietver arī at­kār­to­jo­šos elementus, piemēram, na­vi­gā­ci­jas joslu, ikonas vai saites uz ap­akš­la­pām. Lai lasītājs ne­va­ja­dzī­gi ne­at­kār­to­tu šo in­for­mā­ci­ju katrā lapā, jums jāievieš na­vi­gā­ci­jas saites iz­lai­ša­nas funkcija (saīsināti: iz­lai­ša­nas saites).

Lietotāji, kuri navigē, iz­man­to­jot tikai tastatūru, iespējams, ar mutes nūjiņu, arī saskaras ar lielām grūtībām, ja viņiem ir jā­pār­vie­to­jas pa daudziem ele­men­tiem. Šiem lie­to­tā­jiem ir ērti izmantot lapas augšdaļā esošo izlaides saiti, kas ir pēc iespējas redzamāka:

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

Ir izlaides saites, kas iz­kār­to­ju­mā nav redzamas, bet ekrāna lasītājs nodod lie­to­tā­jam al­ter­na­tī­vo teksta ziņojumu „Izlaist na­vi­gā­ci­ju”, ja kods izskatās šādi:

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

Ir svarīgi, lai izlaides saites parādītos kodā pēc iespējas agrāk. No­vie­to­jiet enkura mērķi galvenā satura sākumā:

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

Iz­man­to­jiet izlaides saites ar mēru, jo pārāk daudz izlaides saites var atcelt to pozitīvo efektu un liekt lie­to­tā­jiem no­klik­šķi­nāt uz pārāk daudziem ele­men­tiem. Ele­gan­tāks ri­si­nā­jums ir izmantot ARIA orien­tie­rus un no­dro­ši­nāt labi struk­tu­rē­tu dokumentu. Ieteicams izmantot arī HTML5 elementus.

Vēl viena noderīga funkcija ir satura rādītājs dokumenta sākumā, kas ļauj lie­to­tā­jiem pāriet uz konkrētām sadaļām, iz­man­to­jot saites lapā. Mūsdienu ekrāna lasītāji nolasa at­bil­sto­šos vir­srak­stus skaļi. Iz­man­to­jot jēgpilnus, labi struk­tu­rē­tus vir­srak­stus, jūs uzlabojat lasāmību gan mek­lē­tājprog­ram­mām, gan pa­līg­teh­no­lo­ģi­jām.

Datu tabulas vietā iz­kār­to­ju­ma tabulas

Lai no­dro­ši­nā­tu tīmekļa pie­eja­mī­bu saskaņā ar W3C tīmekļa pie­eja­mī­bas vadlī­ni­jām, ideāli būtu izmantot tikai datu tabulas. Ekrāna la­sī­tā­jiem ir mazāk problēmu ar šo formātu, un tie var nozīmīgi attēlot in­for­mā­ci­ju pēc kon­ver­tē­ša­nas. No otras puses, iz­kār­to­ju­ma tabulas piešķir lapai vizuālu struktūru, bet ekrāna la­sī­tā­jiem ir grūtāk skaidri attēlot saturu.

Iz­vei­do­jiet iz­kār­to­ju­ma tabulas, iz­man­to­jot tikai vien­kār­šus elementus: TABLE, TR un TD (attiecīgi tabula, rinda un šūna). Iz­man­to­jiet struk­tu­rā­los elementus, lai padarītu at­tie­cī­bas starp šūnām loģiskas; tad ekrāna lasītājs izlasīs iz­kār­to­ju­ma tabulu kā datu tabulu. Jūs darāt pretēji, ja no pie­eja­mī­bas koka izņemtu noteiktus tabulas elementus.

Lai no­dro­ši­nā­tu tīmekļa pie­eja­mī­bu, iz­man­to­jiet kodu role="none", kā parādīts piemērā. Tas attiecas uz tabulu un tās ap­akš­e­le­men­tiem. Ja tabulas ir ie­vie­to­tas citās tabulās, jums ir jādefinē abi elementi.

<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

Pārbaudes saraksts pieejamām tīmekļa vietnēm

Kad būsiet pabeidzis savas tīmekļa vietnes izveidi, pār­ska­tiet mūsu tīmekļa pie­eja­mī­bas pārbaudes sarakstu, lai pār­lie­ci­nā­tos, ka esat ņēmis vērā visus galvenos faktorus.

In­for­mā­ci­jas struktūra ir labi or­ga­ni­zē­ta un viegli izprotama

Skaidras, sa­pro­ta­mas valodas lietošana

Attēlu al­ter­na­tī­vais teksts

Video un audio trans­krip­ci­jas

Svarīgā satura izcelšana ar krāsu

Augsts kontrasts

Ekrāna lasītāja atbalsts

Tip

Jūs droši vien ne­brī­nī­sie­ties, ka W3C tīmekļa vietne ir lielisks piemērs tīmeklī pieejamai tiešsais­tes klāt­būt­nei. Tajā ir iekļauti standarti pa­re­dzē­tie galvenie elementi:

  • Vienkārša valoda
  • Skaidri struk­tu­rēts HTML
  • Pašreiz izvēlēto elementu in­di­ka­tors
  • Krāsu kontrasts
  • Skaidra un viegli iz­se­ko­ja­ma struktūra

Bezmaksas rīki pieejamu tīmekļa vietņu izveidei

Ir vairāki rīki, kas var palīdzēt izveidot pieejamu tīmekļa vietni. Zemāk ir minētas dažas no vislabāk zināmām iespējām:

  • TPGi ARC Toolkit: ļoti uzticams un ideāli piemērots tehnisko tīmekļa vietņu pārbaudēm.
  • Accessi­bi­lity Checker: Šī tīmekļa lietotne ļauj bez maksas pārbaudīt jūsu vietnes at­bil­stī­bu WCAG stan­dar­tiem.
  • Si­teim­pro­ve: Si­teim­pro­ve pie­eja­mī­bas pār­bau­dī­tājs piedāvā bezmaksas tīmekļa vietnes skenēšanu, un rezultāti tiek nosūtīti pa e-pastu.

Tīmekļa vietnes pie­eja­mī­ba uzlabo lietotāju pieredzi visiem

Pie­kļūs­ta­mī­bas uz­la­bo­ša­na jūsu tīmekļa vietnē uzlabo kopējo lie­to­ja­mī­bu un ie­vē­ro­ja­mi uzlabo lietotāju pieredzi. Tas sniedz šādas priekš­ro­cī­bas:

  • mobilo sakaru lietotāji,
  • cilvēkiem ar fiziskām vai kog­ni­tī­vām in­va­li­di­tā­tēm,
  • vecāka ga­da­gā­ju­ma cilvēkiem un
  • visi, kam var būt grūtāk orien­tē­ties internetā.

Skaidri struk­tu­rē­jot savu tīmekļa vietni un sa­ga­ta­vo­jot saturu ie­kļau­jo­šā, viegli saprotamā formātā, jūs veicināt gan pie­eja­mī­bu, gan mek­lē­tājprog­ram­mu op­ti­mi­zā­ci­ju. Skaidra ar­hi­tek­tū­ra, spēcīgs kontrasts, lasāms teksts un pa­līg­teh­no­lo­ģi­ju saderība – tas viss veicina ilgāku ap­mek­lē­ju­mu ilgumu un augstāku ap­mie­ri­nā­tī­bas līmeni.

Lai gan pie­eja­mī­bas no­dro­ši­nā­ša­na prasa papildu darbu, piemēram, rūpīgu testēšanu, skaidru satura struktūru, al­ter­na­tī­vu tekstu un pārdomāti iz­strā­dā­tus in­te­rak­tī­vos elementus, šīs in­ves­tī­ci­jas ir tā vērtas. Pieejams tīmekļa vietnes dizains ir izdevīgs visiem lie­to­tā­jiem, stiprina zīmola uz­ti­ca­mī­bu un palīdz sasniegt plašāku au­di­to­ri­ju, tostarp tos, kuri izmanto pa­līg­teh­no­lo­ģi­jas, lai pār­vie­to­tos tīmeklī.

Go to Main Menu