Dostopne spletne strani za­go­ta­vlja­jo, da lahko upo­rab­ni­ki z raz­lič­ni­mi in­va­li­dnost­mi in potrebami spletne strani upo­ra­blja­jo brez omejitev in brez pomoči drugih. Namen dostopne spletne strani je torej pre­pre­či­ti iz­klju­če­va­nje določenih skupin v spletu, na primer ljudi s fizičnimi ali in­te­lek­tu­al­ni­mi in­va­li­dnost­mi.

Kaj je dostopna spletna stran?

Da bi spletna stran postala dostopna, je treba spletno vsebino obli­ko­va­ti tako, da jo lahko vsi upo­rab­ni­ki dostopajo in razumejo. To vključuje tudi ljudi, ki upo­ra­blja­jo podporne teh­no­lo­gi­je, kot so bralniki zaslona, na­vi­ga­ci­ja s tip­kov­ni­co, orodja za povečavo ali podnapisi. Kot del ustvar­ja­nja vklju­ču­jo­če spletne izkušnje so dostopne spletne strani bistvene za podjetja, or­ga­ni­za­ci­je in javne in­sti­tu­ci­je. Dostopno spletno obli­ko­va­nje lahko izboljša tudi op­ti­mi­za­ci­jo za iskalnike, saj izboljša upo­rab­nost in strukturo in­for­ma­cij.

Ovire so prepreke, ki upo­rab­ni­kom otežujejo ali v nekaterih primerih celo one­mo­go­ča­jo dostop do vsebine spletnih strani in in­te­rak­ci­jo z njo. Medtem ko se je zavest o do­sto­pno­sti v fizičnih prostorih znatno povečala, se ovire na spletu še vedno pogosto po­ja­vlja­jo, pogosto nehote. Te ovire lahko pov­zro­ča­jo tehnične odločitve, izbire vi­zu­al­ne­ga obli­ko­va­nja ali slabo struk­tu­ri­ra­na vsebina. Raziskave in praktični primeri kažejo, da lahko in­te­rak­tiv­ne kom­po­nen­te, kot so prijave ali varnostne funkcije, pred­sta­vlja­jo velike izzive. Nekateri CAPTCHA-ji, ki upo­ra­blja­jo popačene znake ali zgolj vizualne uganke, lahko znatno omejijo dostop za ljudi z okvarami vida in so v nasprotju s tre­nu­tni­mi pri­ča­ko­va­nji glede dostopnih spletnih strani.

Standardi do­sto­pno­sti spleta za dostopne spletne strani

Ključni med­na­ro­dni standard za dostopne spletne strani je WCAG, na­tanč­ne­je WCAG 2.2 (Smernice za do­sto­pnost spletnih vsebin). Te smernice W3C opre­de­lju­je­jo naj­no­vej­še zahteve in najboljše prakse, ki omogočajo do­sto­pnost spletnih strani vsem upo­rab­ni­kom.

WCAG 2.2 poudarja iz­bolj­ša­no upo­rab­nost, jasnejšo na­vi­ga­ci­jo s tip­kov­ni­co in fokusom ter po­e­no­sta­vlje­ne in­te­rak­ci­je na mobilnih napravah. Te po­so­do­bi­tve odražajo spre­mi­nja­jo­če se vedenje upo­rab­ni­kov in od­pra­vlja­jo ovire, ki jih prejšnje različice niso v celoti pokrile.

Nekateri naj­po­memb­nej­ši merili uspe­šno­sti WCAG 2.2 vklju­ču­je­jo:

  • Vidni fokus tip­kov­ni­ce: In­te­rak­tiv­ni elementi morajo biti jasno vidni pri na­vi­ga­ci­ji s tip­kov­ni­co.
  • Minimalna velikost kontrol: Klikljiva in do­ti­klji­va področja morajo biti dovolj velika, da se prepreči naključna ak­ti­va­ci­ja.
  • Al­ter­na­ti­ve za pre­mi­ka­nje z vlečenjem: In­te­rak­ci­je ne smejo temeljiti izključno na vlečenju in spuščanju.
  • Iz­o­gi­ba­nje odvečnim vnosom: Upo­rab­ni­ki ne smejo biti pri­si­lje­ni večkrat vnašati istih podatkov.
  • Dostopna av­ten­ti­fi­ka­ci­ja: postopki prijave ne smejo biti odvisni od ko­gni­tiv­nih nalog, kot so CAPTCHA-ji na podlagi ugank.

WCAG 2.2 je glavni merilo za sodobno razvoj spletnih strani in pred­sta­vlja tehnično podlago za zahteve glede do­sto­pno­sti v Združenem kra­lje­stvu.

Note

V Združenem kra­lje­stvu so zahteve glede do­sto­pno­sti spletnih strani v prvi vrsti opre­de­lje­ne v Zakonu o enakosti iz leta 2010 in Uredbi o do­sto­pno­sti spletnih strani in mobilnih aplikacij javnih organov iz leta 2018. Ti okviri določajo jasna navodila za podjetja, javne in­sti­tu­ci­je in javno fi­nan­ci­ra­ne or­ga­ni­za­ci­je ter se pri ugo­ta­vlja­nju, ali spletna stran iz­pol­nju­je zahteve glede do­sto­pno­sti, opirajo na standarde WCAG 2.2.

Načelo WCAG POUR Ukrep Primarna ciljna skupina
Za­znav­nost Za­go­to­vi­te vsebino, ki deluje, ne da bi se zanašala izključno na vizualne ali slušne signale (npr. na­do­me­stni tekst, močan barvni kontrast, podnapisi, iz­o­gi­ba­nje ozadju z zvokom). Osebe z okvaro vida, barvno slepoto, gluhi upo­rab­ni­ki, starejši odrasli
Upra­vlji­vost Pod­pi­raj­te na­vi­ga­ci­jo s tip­kov­ni­co in pomožne teh­no­lo­gi­je, za­go­to­vi­te velike cilje za klik/dotik, jasne strukture strani, in­tu­i­tiv­ne menije Upo­rab­ni­ki bralnikov zaslona, ljudje z motnjami gibanja, mobilni upo­rab­ni­ki, starejši odrasli
Ra­zu­mlji­vo Upo­ra­bljaj­te jasen jezik, pojasnite tehnične izraze, iz­o­gi­baj­te se kraticam, logično združujte vsebine Osebe s ko­gni­tiv­ni­mi motnjami, starejši upo­rab­ni­ki, ne­iz­ku­še­ni upo­rab­ni­ki
Robusten Upo­ra­bljaj­te se­man­tič­ni HTML, oznake ARIA, za­go­to­vi­te zdru­žlji­vost s pomožnimi teh­no­lo­gi­ja­mi, dostopne obrazce z jasnimi po­ve­za­va­mi med polji Vsi upo­rab­ni­ki podpornih teh­no­lo­gij, upo­rab­ni­ki po­ve­če­val­ni­kov zaslona

Zaznavno

Mnoge spletne strani vsebujejo utri­pa­jo­če oglase, ko­men­tar­ji so napisani z majhnim pisavo, včasih pa se za po­u­dar­ja­nje raz­po­lo­že­nja ali teme strani predvaja tudi glasba v ozadju. Odvisno od vrste in resnosti in­va­li­dno­sti nekateri obi­sko­val­ci vaše spletne strani morda ne vidijo vseh teh elementov v celoti ali pa jih sploh ne vidijo.

Slepi ljudje, na primer, brskajo po internetu brez vizualnih namigov. Namesto tega jim spletno mesto glasno prebere bralnik zaslona. Naprava prenese berljive podatke na upo­ra­blje­ne podporne teh­no­lo­gi­je. Osvežljiv brajski zaslon, na primer, lahko pretvori besedilo v brajico. To omogoča osebi, da vašo spletno mesto dojemajo z dotikom. Orodje za pretvorbo besedila v govor predvaja vsebino v avdio formatu. S to teh­no­lo­gi­jo se upo­rab­ni­ki zanašajo na sluh za obdelavo vsebine spletne strani. V navedenem primeru pa postane glasba v ozadju moteča.

Osebe z manj hudo okvaro vida, med njimi tudi mnogi starejši odrasli, lahko vsebino vaše spletne strani spre­je­ma­jo z očmi, vendar so odvisne od močno po­ve­ča­ne­ga zaslona. Osebe z motnjo barvnega vida pa morda ne opazijo opozoril, ki so po­sre­do­va­na samo z barvo. Gluhe osebe pa nimajo dostopa do in­for­ma­cij v datotekah, ki vsebujejo samo avdio, in do večine vsebine v video datotekah.

Ra­zu­mlji­vo

Zelo mladi upo­rab­ni­ki, starejši odrasli ali ljudje s ko­gni­tiv­ni­mi motnjami lahko imajo težave z ra­zu­me­va­njem besedil, polnih stro­kov­ne­ga jezika, ne­po­ja­snje­nih kratkosti ali za­ple­te­nih stavkov. Če spletna stran ločuje povezane vsebine ali uporablja neenotno ter­mi­no­lo­gi­jo, lahko upo­rab­ni­ki težko razumejo na­me­ra­va­ni pomen.

Delujoč

Ker mobilno brskanje po spletu nenehno narašča, je še posebej fru­stri­ra­ju­će, ko so povezave premajhne ali preblizu skupaj, da bi jih lahko natančno kliknili. Spletne strani, ki niso op­ti­mi­zi­ra­ne za pametne telefone – kjer so pogosto tesno na­ti­snje­ne, majhne povezave – so lahko še posebej težavne za starejše odrasle ali kogarkoli z omejeno sta­bil­no­stjo rok.

Vendar pa je bilo zdaj razvitih veliko orodij za ljudi s telesnimi in­va­li­dnost­mi, ki olaj­šu­je­jo uporabo ra­ču­nal­ni­kov. Za ta namen nekatera orodja sledijo gibanju oči, druge teh­no­lo­gi­je pa se upra­vlja­jo prek tip­kov­ni­ce. Načeloma bi morala biti spletna stran, zasnovana za spletno do­sto­pnost, zgrajena tako, da jo lahko in­ter­pre­ti­ra­jo takšne podporne teh­no­lo­gi­je. Če vaše spletne strani ni mogoče pre­gle­do­va­ti z njimi, po­ten­ci­al­ni kupci, ki so od njih odvisni, nimajo možnosti, da bi v celoti iz­ko­ri­sti­li vašo ponudbo.

Ko morajo upo­rab­ni­ki izpolniti obrazec, na primer za prijavo na e-novice, so napake pogoste. Geslo je prekratko ali datum rojstva ne ustreza določenim pa­ra­me­trom. Zato za­go­to­vi­te jasna navodila za od­pra­vlja­nje napak. In­te­rak­ci­ja s spletnim mestom vključuje tudi na­vi­ga­ci­jo. Upo­rab­ni­ki naprav z majhnimi zasloni ali tisti, ki delajo z visoko povečavo zaslona, po­tre­bu­je­jo na­vi­ga­cij­ske poti, pri­la­go­je­ne tem potrebam, in se zanašajo na jasno, dobro struk­tu­ri­ra­no spletno mesto.

Ko­men­tar­ji omogočajo upo­rab­ni­kom, da podajo povratne in­for­ma­ci­je. Uporabijo jih lahko za izražanje mnenja o izdelku ali vsebini ali za ko­mu­ni­ka­ci­jo z drugimi ljudmi. Pri tipkanju na monitorju ljudje z okvaro vida pogosto upo­ra­blja­jo po­ve­če­val­nik zaslona. Zaradi tega se elementi prikažejo veliko večji, poveča pa se tudi razdalja med stolpcem za branje in poljem za vnos. Zato elemente vizualno raz­po­re­di­te blizu drug drugega, da bodo upo­rab­ni­ki lažje ko­mu­ni­ci­ra­li med seboj.

Robusten

Spletne strani morajo biti zdru­žlji­ve s podporno teh­no­lo­gi­jo prek ustrezne strukture kode. Se­man­tič­ni HTML (kot <main>, <nav>, <section>) pomaga bralnikom zaslona razumeti or­ga­ni­za­ci­jo strani. Ustrezne oznake obrazcev po­ve­zu­je­jo polja za vnos s svojimi opisi z uporabo for atributov. ARIA-oznake za­go­ta­vlja­jo bližnjice za na­vi­ga­ci­jo bralnika zaslona. Brez njih postane tudi dobro obli­ko­va­na vsebina ne­u­po­rab­na za upo­rab­ni­ke podporne teh­no­lo­gi­je.

Kakšne so prednosti do­sto­pne­ga spletnega obli­ko­va­nja?

Od­stra­nje­va­nje ovir za do­sto­pnost izboljša upo­rab­nost vaše spletne strani in okrepi vašo vidnost v is­kal­ni­kih. Mnoge prakse do­sto­pno­sti se pre­kri­va­jo z naj­bolj­ši­mi praksami na področju upo­rab­ni­ške izkušnje in op­ti­mi­za­ci­je za iskalnike (SEO), kar pomeni, da iz­bolj­ša­ve do­sto­pno­sti pogosto koristijo vsem obi­sko­val­cem.

Dostopna spletna stran pomaga:

  • upo­rab­ni­ki mobilnih naprav,
  • ljudi s fizičnimi ali ko­gni­tiv­ni­mi motnjami,
  • starejši odrasli in
  • obi­sko­val­ci, ki morda niso se­zna­nje­ni z na­vi­ga­ci­jo po spletu.

Z jasno pred­sta­vi­tvi­jo in­for­ma­cij in logično strukturo spletne strani povečate ber­lji­vost in čas, ki ga upo­rab­ni­ki preživijo na vaših straneh. Čeprav do­sto­pnost zahteva dodatno delo in te­sti­ra­nje, so njene prednosti velike. Dostopne spletne strani za­go­ta­vlja­jo boljšo izkušnjo za vse.

Kako narediti spletno stran dostopno? Nasveti in primeri

Če želite ustvariti dostopno spletno mesto, morate posebno pozornost posvetiti strukturi in­for­ma­cij in različnim vizualnim kom­po­nen­tam spletnega mesta.

Korak 1: Za­go­to­vi­te jasno strukturo in­for­ma­cij

Svoji spletni strani dajte logično, lahko ra­zu­mlji­vo strukturo in upo­ra­bljaj­te preprost, upo­rab­ni­ku prijazen jezik. Tako bo vaša vsebina do­sto­pnej­ša, iz­bolj­ša­la pa se bo tudi vaša uvrstitev v Googlu, saj iskalniki oce­nju­je­jo ber­lji­vost in jasnost.

Da bi podprli močno op­ti­mi­za­ci­jo za iskalnike (SEO) in ohranili or­ga­ni­zi­ra­no ar­hi­tek­tu­ro spletnega mesta, upo­šte­vaj­te naslednje:

Element v ar­hi­tek­tu­ri spletnega mesta Ute­me­lji­tev
Jasno po­i­me­no­va­nje URL-jev in vsebine Vsaka stran mora takoj jasno prikazati svojo temo, kar izboljša na­vi­ga­ci­jo in ra­zu­me­va­nje.
Enostavna struktura Upo­rab­ni­ki lahko vedno vidijo, kje na spletni strani se nahajajo in kako je vsebina povezana z drugimi razdelki.
Ploščate hi­e­rar­hi­je Vsebina mora biti dostopna z le nekaj kliki, kar omogoča hitrejšo in učin­ko­vi­tej­šo na­vi­ga­ci­jo.
Ločitev po­sta­vi­tve in vsebine Uporaba CSS za­go­ta­vlja, da vsebina ostane struk­tu­ri­ra­na in dostopna za podporne teh­no­lo­gi­je, kot so bralniki zaslona.
Pomembne, or­ga­ni­zi­ra­ne ka­te­go­ri­je Podstrani morajo imeti logično se­man­tič­no povezavo z nadrejeno stranjo.
Za splet op­ti­mi­zi­ra­na pred­sta­vi­tev vsebine Vsebina mora biti pravilno prikazana na vseh napravah in br­skal­ni­kih.
Upo­rab­ni­ku prijazen jezik Jasno izražanje in po­ja­snje­na ter­mi­no­lo­gi­ja omogočata ra­zu­me­va­nje vsem upo­rab­ni­kom.
Ključni deli spletnega mesta morajo biti vedno dostopni Strani, kot so Kontakt, Iskanje ali Domov, morajo biti dostopne z enim klikom iz katere koli podstrani.
Dosledni elementi na­vi­ga­ci­je Enotna struktura na­vi­ga­ci­je omogoča boljšo ori­en­ta­ci­jo.
Sitemap in pogosta vprašanja za velike spletne strani Zemljevid spletnega mesta in pogosta vprašanja pomagajo upo­rab­ni­kom hitro najti in­for­ma­ci­je.
Pri­la­go­dlji­ve pisave in odzivna po­sta­vi­tev Besedilo in po­sta­vi­tev morata delovati dobro za upo­rab­ni­ke s povečavo ali na manjših zaslonih.
Upo­rab­nost z miško in tip­kov­ni­co Spletne strani morajo biti v celoti uporabne brez miške in zdru­žlji­ve s pomožnimi metodami vnosa.
Al­ter­na­tiv­ni tekst za slike Al­ter­na­tiv­ni tekst podpira in­ter­pre­ta­ci­jo bralnika zaslona in izboljša do­sto­pnost in SEO.

Korak 2: Uporabite vizualne signale

Pri­la­go­dlji­ve pisave in na­sta­vi­tve barv pomagajo ljudem s slabim vidom ali barvno slepoto lažje brati vsebino spletnih strani. Poskrbite, da je besedilo dovolj kon­tra­stno glede na ozadje in da so in­te­rak­tiv­ni elementi, kot so gumbi ali povezave, jasno vidni.

Da bi pomagali upo­rab­ni­kom, ki brskajo s tip­kov­ni­co ali bralnikom zaslona, poudarite in­te­rak­tiv­ne elemente s pomočjo:

  • vidni kazalniki fokusa,
  • efekti ob preletu,
  • stili aktivnih povezav.

Ne zanašajte se izključno na barvo za po­sre­do­va­nje pomena — barvno kodiranje dopolnite s simboli, šte­vil­ka­mi ali zvez­di­ca­mi.

Image: Design example: colours and information
Acces­si­ble design example for the correct use of colours and in­for­ma­ti­on: Correctly, numbers and asterisks are also added to colour-coded content; source: https://www.w3.org/WAI/get­tin­gstar­ted/tips/designing

Osebe, ki trpijo za epi­lep­sij­ski­mi napadi, so ogrožene, če spletna stran vsebuje grafike ali vi­de­o­po­snet­ke, ki utripajo več kot trikrat na sekundo. Raz­i­sko­val­ci so ugotovili tudi, da lahko ostro de­fi­ni­ra­ni, kon­tra­stni mrežasti vzorci sprožijo napade tudi pri osebah s fo­to­sen­zi­tiv­no epi­lep­si­jo.

Problem Dostopni ukrep Največje koristi
Nizek barvni kontrast Barvne sheme z visokim kon­tra­stom Osebe s sla­bo­vi­dno­stjo
Utri­pa­jo­ča vsebina Iz­o­gi­baj­te se jim ali jih omejite Osebe z epi­lep­si­jo
Majhne velikosti pisave Pri­la­go­dlji­ve pisave Starejši odrasli

Korak 3: Pred­sta­vi­te in­for­ma­ci­je v več oblikah

Do­sto­pnost spletnega mesta mora biti del vašega vsa­ko­dnev­ne­ga dela. Ne glede na to, ali op­ti­mi­zi­ra­te za iskalnike, ob­ja­vlja­te PR-vsebine ali dodajate nove strani s produkti, redno nalagane vsebine morajo biti struk­tu­ri­ra­ne tako, da so uporabne za vse obi­sko­val­ce.

Osnovni del do­sto­pno­sti spletnih strani – s pred­nost­mi za SEO – je vklju­če­va­nje al­ter­na­tiv­ne­ga besedila za slike. Ker iskalniki in bralniki zaslona ne morejo razlagati slik, al­ter­na­tiv­no besedilo za­go­ta­vlja smiselne opise za:

  • slepi upo­rab­ni­ki,
  • osebe s sla­bo­vi­dno­stjo,
  • upo­rab­ni­ki s počasnimi in­ter­ne­tni­mi po­ve­za­va­mi.
Vrsta medija Dostopna al­ter­na­ti­va Ciljna publika
Slike Al­ter­na­tiv­ni tekst Upo­rab­ni­ki bralnikov zaslona
Videi Podnapisi, avdio opis Gluhi upo­rab­ni­ki, ljudje z okvaro vida
Avdio Prepisi Gluhi upo­rab­ni­ki

Prepisi in podnapisi

Nenehno in pra­vo­ča­sno ustvar­ja­nje tran­skrip­tov in pod­na­pi­sov je bolj obsežna naloga. Ta orodja omogočajo, da avdio vsebine postanejo dostopne gluhim in sla­bo­vi­dnim osebam. Tran­skript, ki govorjene besede ter zvoke in ozadje pretvori v besedilo, mora biti čim bližje povezani avdio vsebini – na primer prek gumba, ki ne­po­sre­dno povezuje z do­ku­men­tom.

Podnapisi znatno olajšajo ra­zu­me­va­nje spletnih videov gluhim in sla­bo­vi­dnim osebam. Koristijo tudi upo­rab­ni­kom, ki ne želijo pred­va­ja­ti zvoka (na primer, ker ne želijo motiti drugih). Osebe s ko­gni­tiv­ni­mi motnjami ali stanji, kot je ADHD, pogosto učin­ko­vi­te­je ob­de­lu­je­jo video vsebine, če lahko z na­sta­vi­tva­mi pred­va­jal­ni­ka videa utišajo ozadje zvoka – podobno kot upo­rab­ni­ki s slušnimi motnjami.

Avdio opis

Osebe z ostrino vida pod 30 odstotki se štejejo za sla­bo­vi­dne, tiste z ostrino vida pod 2 odstotki pa za slepe. Vizualne in­for­ma­ci­je zaznavajo le delno ali pa jih sploh ne zaznavajo. Da bi tem osebam omogočili ra­zu­me­va­nje vaših video vsebin, morate vključiti dodatno zvočno posnetek. Ta posnetek vsebuje pojasnila vizualnih elementov, kot so pokrajine, ljudje, in kratke opise dogajanj na zaslonu. Ta pojasnila vstavite v govorne in avdio pavze izvirnega posnetka, da se avdio posnetki ne pre­kri­va­jo.

Lahko berljiv jezik

Enostaven jezik izraža vsebino na zelo preprost način. Pomaga ljudem s ko­gni­tiv­ni­mi motnjami lažje razumeti zapletene in­for­ma­ci­je. Enostaven jezik se izogiba elementom, kot so ko­njunk­tiv, sopomenke in zanikanja. Stavi so kratke in vsebujejo le eno idejo naenkrat. Ljudje s ko­gni­tiv­ni­mi motnjami imajo enako pravico do in­for­ma­cij kot vsi ostali. Zato dnevni časopisi na svojih spletnih plat­for­mah vedno pogosteje ob­ja­vlja­jo različice svojih člankov v eno­stav­nem jeziku, kar je dober primer dostopnih spletnih strani. Tudi javne in­sti­tu­ci­je v svojih in­for­ma­tiv­nih besedilih vedno pogosteje upo­ra­blja­jo enostaven jezik.

Manj stroga oblika je t. i. lahko berljiv jezik, ki približno ustreza jezikovni ravni A2 ali B1.

Korak 4: Poskrbite, da bo spletna stran zdru­žlji­va

Pomožne teh­no­lo­gi­je, kot so bralniki zaslona, omogočajo do­sto­pnost spleta za številne upo­rab­ni­ke. Ta orodja ob­de­lu­je­jo spletne strani linearno od leve proti desni in od zgoraj navzdol, zato morata biti po­sta­vi­tev in vsebina jasno ločeni. V na­spro­tnem primeru se elementi strani lahko napačno in­ter­pre­ti­ra­jo.

Da bi upo­rab­ni­kom pomagali pri učin­ko­vi­tem brskanju, upo­šte­vaj­te naslednja osnovna pravila.

Preskoči povezave za na­vi­ga­ci­jo in druge bližnjice

Bralniki zaslona po­sre­du­je­jo besedilne in­for­ma­ci­je pro­gram­ski opremi za pretvorbo besedila v govor in osve­žlji­vim brajskim zaslonom. Za to preberejo stran od zgoraj navzdol, vključno s po­na­vlja­jo­či­mi se elementi, kot so na­vi­ga­cij­ska vrstica, ikone ali povezave do podstrani. Da bralnik ne bi po ne­po­treb­nem ponavljal teh in­for­ma­cij na vsaki strani, morate vstaviti povezave za preskok na­vi­ga­ci­je (kratko: povezave za preskok).

Upo­rab­ni­ki, ki za na­vi­ga­ci­jo upo­ra­blja­jo samo tip­kov­ni­co, morda z ustno palico, imajo prav tako velike težave, če morajo pre­kla­plja­ti med šte­vil­ni­mi elementi. Tem ljudem je v pomoč povezava za preskok na vrhu strani, ki je čim bolj vidna:

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

Obstajajo povezave za preskok, ki so v po­sta­vi­tvi nevidne, vendar bralnik zaslona upo­rab­ni­ku posreduje al­ter­na­tiv­no besedilno sporočilo „Preskoči na­vi­ga­ci­jo“, če je koda takšna:

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

Pomembno je, da se povezave za preskok pojavijo v kodi čim prej. Ankorno ciljno mesto postavite na začetek glavne vsebine:

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

Povezave za preskok upo­ra­bljaj­te zmerno, saj jih preveč lahko izniči njihov pozitivni učinek in prisili upo­rab­ni­ke, da klikajo na preveč elementov. Bolj elegantna rešitev je uporaba ARIA-oznak in za­go­to­vi­tev dobro struk­tu­ri­ra­ne­ga dokumenta. Pri­po­ro­člji­vo je tudi upo­ra­blja­ti elemente HTML5.

Druga koristna funkcija je kazalo na začetku dokumenta, ki upo­rab­ni­kom omogoča, da prek povezav na strani pre­sko­či­jo na določene dele. Sodobni bralniki zaslona glasno preberejo ustrezne naslove. Z uporabo smiselnih, dobro struk­tu­ri­ra­nih naslovov iz­bolj­ša­te ber­lji­vost tako za iskalnike kot za podporne teh­no­lo­gi­je.

Tabele podatkov namesto tabel razporeda

Za do­sto­pnost spleta v skladu s smer­ni­ca­mi W3C za do­sto­pnost spleta je idealno, da upo­ra­blja­te samo po­dat­kov­ne tabele. Programi za branje zaslona imajo manj težav s tem formatom in lahko po pretvorbi in­for­ma­ci­je pred­sta­vi­jo na smiseln način. Tabele za obli­ko­va­nje pa sicer dajejo strani vizualno strukturo, vendar programom za branje zaslona otežujejo jasno po­sre­do­va­nje vsebine.

Obli­ko­vaj­te tabele z uporabo samo pre­pro­stih elementov: TABLE, TR in TD (tabela, vrstica in celica). Uporabite struk­tur­ne elemente, da bodo odnosi med celicami logični; tako bo bralnik zaslona tabelo prebral kot tabelo podatkov. Če iz drevesa do­sto­pno­sti od­stra­ni­te določene elemente tabele, storite ravno nasprotno.

Za za­go­ta­vlja­nje do­sto­pno­sti spletnih strani uporabite kodo role="none", kot je prikazano v primeru. To velja za tabelo in njene podrejen elemente. Če v tabele vsta­vlja­te tabele, morate z njo opre­de­li­ti oba elementa.

<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

Seznam za pre­ver­ja­nje do­sto­pno­sti spletnih strani

Ko končate z izdelavo spletne strani, vam pregled našega seznama za pre­ver­ja­nje do­sto­pno­sti spletnih strani pomaga preveriti, ali ste upo­šte­va­li vse ključne dejavnike.

In­for­ma­cij­ska struktura je dobro or­ga­ni­zi­ra­na in enostavna za spre­mlja­nje.

Uporaba jasnega, do­sto­pne­ga jezika

Al­ter­na­tiv­ni tekst za slike

Video in avdio prepisi

Barvno ozna­če­va­nje pomembnih vsebin

Visok kontrast

Podpora za bralnike zaslona

Tip

Morda vas ne bo pre­se­ne­ti­lo, da je spletna stran W3C odličen primer spletne pri­so­tno­sti, dostopne prek spleta. Vsebuje ključne elemente, ki jih zahtevajo standardi:

  • Preprost jezik
  • Jasno struk­tu­ri­ran HTML
  • Kazalnik za trenutno izbrane elemente
  • Barvni kontrast
  • Jasna in lahko sledljiva struktura

Brez­plač­na orodja za ustvar­ja­nje dostopnih spletnih strani

Obstaja več orodij, ki vam lahko pomagajo pri izdelavi dostopne spletne strani. Spodaj je navedenih nekaj najbolj znanih možnosti:

  • TPGi ARC Toolkit: Visoko zanesljiv in idealen za tehnične preglede spletnih strani.
  • Acces­si­bi­li­ty Checker: Ta spletna apli­ka­ci­ja vam omogoča brez­plač­no pre­ver­ja­nje skla­dno­sti vaše spletne strani z WCAG.
  • Si­te­im­pro­ve: Si­te­im­pro­ve Acces­si­bi­li­ty Checker ponuja brez­plač­no ske­ni­ra­nje spletnih strani, rezultati pa so po­sre­do­va­ni po e-pošti.

Do­sto­pnost spletnih strani izboljša upo­rab­ni­ško izkušnjo za vse

Iz­bolj­ša­nje do­sto­pno­sti vaše spletne strani poveča splošno upo­rab­nost in znatno izboljša upo­rab­ni­ško izkušnjo. To prinaša naslednje prednosti:

  • mobilni upo­rab­ni­ki,
  • osebe s fizičnimi ali ko­gni­tiv­ni­mi motnjami,
  • starejše odrasle osebe in
  • vse, ki imajo težave pri brskanju po spletu.

Z jasno strukturo spletne strani in pripravo vsebine v vklju­ču­jo­čem, lahko ra­zu­mlji­vem formatu podpirate tako do­sto­pnost kot op­ti­mi­za­ci­jo za iskalnike. Jasna ar­hi­tek­tu­ra, močan kontrast, berljiv tekst in zdru­žlji­vost s pomožno teh­no­lo­gi­jo pri­spe­va­jo k daljšim obiskom in višji stopnji za­do­volj­stva.

Čeprav za­go­ta­vlja­nje do­sto­pno­sti zahteva dodatno delo, kot so temeljito te­sti­ra­nje, jasna struktura vsebine, al­ter­na­tiv­ni tekst in pre­mi­šlje­no obli­ko­va­ni elementi in­te­rak­ci­je, se naložba vsekakor splača. Dostopna zasnova spletnega mesta koristi vsem upo­rab­ni­kom, krepi ve­ro­do­stoj­nost blagovne znamke in vam pomaga doseči širše občinstvo, vključno s tistimi, ki za brskanje po spletu upo­ra­blja­jo podporne teh­no­lo­gi­je.

Go to Main Menu