Smernice

Naslovi nas vodijo skozi vsebino

Naslovi niso pomembni le zaradi videza, temveč tudi zaradi strukture vsebine. Pravilna hierarhija naslovov omogoča, da se vsebina predstavi v smiselnih sklopih, kar izboljšuje razumevanje, zmanjša napor pri branju in prispeva k boljši uporabniški izkušnji. Poleg tega jasna struktura naslovov koristi tudi iskalnikom, saj lažje razumejo vsebino strani.
Vrsta: Digitalna dostopnost
Zahtevnost: Osnovno
Avtor: Andreja Bevc
Objavljeno:
Posodobljeno:
Deli na:

Smernica pokriva oviranosti:

Vsebino pripravili:
Zavod za digitalno dostopnost A11Y.si

Naslovi niso pomembni le zaradi videza, temveč tudi zaradi strukture vsebine. Pravilna hierarhija naslovov omogoča, da se vsebina predstavi v smiselnih sklopih, kar izboljšuje razumevanje, zmanjša napor pri branju in prispeva k boljši uporabniški izkušnji. Poleg tega jasna struktura naslovov koristi tudi iskalnikom, saj lažje razumejo vsebino strani.

Primer hierarhične strukture naslovov:

Grafični prikaz pravilnega sosledja naslovov od H1 do H3 brez izpuščenih ravni.
Grafični prikaz pravilnega sosledja naslovov od H1 do H3 brez izpuščenih ravni
Namig: Naslovi naj bodo določeni s pravilnimi slogovnimi ravnmi (naslov 1, naslov 2, …) in ne zgolj z večjo pisavo ali poudarjenim oblikovanjem, saj le tako ohranijo svoj pomen za podporne tehnologije in strukturo vsebine.

Za katere uporabnike so pravilno strukturirani naslovi posebej pomembni?

Jasni in pravilno strukturirani naslovi so ključni za:

  • osebe z vidnimi oviranostmi, ki uporabljajo bralnike zaslona in se po vsebini pogosto premikajo po naslovih,
  • uporabnike, ki splet uporabljajo s tipkovnico in se z naslovi hitreje premikajo med deli vsebine,
  • uporabnike z določenimi kognitivnimi oviranostmi, ki jim jasna struktura pomaga pri razumevanju in orientaciji.

Hkrati pa dobro strukturirani naslovi koristijo tudi širši javnosti, saj omogočajo bolj pregleden, razumljiv in manj obremenjujoč pregled vsebine, zlasti pri daljših besedilih, kompleksnih informacijah ali pogostem iskanju določenih podatkov.

Na kaj moramo biti pozorni pri uporabi naslovov?

Pri razporejanju vsebine uporabljamo naslove kot glavno orodje za strukturiranje besedila. Število naslovov in globina posameznih ravni sta odvisna od dolžine in zahtevnosti vsebine, vendar mora biti struktura vedno smiselna in pregledna.

Pri tem je pomembno upoštevati naslednja izhodišča:

  • naslovi imajo strukturno vlogo in niso namenjeni zgolj vizualnemu poudarjanju besedila,
  • hierarhija naslovov mora slediti logiki vsebine,
  • ravni naslovov naj se uporabljajo zaporedno, brez preskakovanja,
  • naslovi morajo biti pravilno razporejeni in jasno gnezdeni.

Primer ustrezno strukturirane spletne strani z naslovi:

Izsek iz programa, ki prikazuje strukturo s trani. Iz izseka je razvidno, da je struktura ustrezna.
Pregled strukture je potrebno opraviti skupaj s pregledom vsebine, sicer ne bomo opazili izpuščenega naslova.

 

Kje najpogosteje prihaja do težav pri naslovih?

Stran brez naslovov

Ena izmed resnejših težav je pomanjkanje naslovov, zaradi česar je struktura strani nejasna, navigacija po vsebini pa otežena.

Primer spletne strani brez naslovov:

Zajem iz programa za pregled naslovov, ki prikaže, da na strani ni nobenega naslova.
Stran čisto brez naslovov.

Stran brez glavnega naslova

Pogost primer je tudi spletna stran brez glavnega naslova (H1), kjer se struktura začne šele z nižjimi ravnmi, kar uporabnikom oteži razumevanje hierarhije vsebine.

Zajem, ki prikazuje, da na strani manjka H1
Vsaka stran bi morala imeti H1, ki predstavi namen strani.

Preskakovanje ravni naslovov

Še ena pogosta napaka je preskakovanje ravni naslovov. Če se na primer po naslovu H1 pojavi neposredno H3 ali H4, se poruši logičen tok vsebine. Takšna struktura je še posebej zmedena za uporabnike bralnikov zaslona, ki se po vsebini pogosto premikajo prav s pomočjo naslovov.

Zajem, ki prikazuje preskok z nivoja 1 direktno na nivo 3
Naslovi naj bodo med seboj povezani, nivoji naj se ne izpuščajo.

Nepomenski naslovi

Težave lahko povzročajo tudi nepomenski ali ponavljajoči se naslovi, kot so »Več«, »Razdelek« ali enaki naslovi na več mestih. Takšni naslovi uporabniku ne povedo nič o vsebini, ki sledi, in otežujejo orientacijo po strani.

Zajem iz katerega je razvidno, da se naslovi na strani ponavljajo in se jih med seboj ne da ločiti
Naslovi na strani bi morali biti taki, da uporabniku povejo, kakšna vsebina se nahaja v njihovem okviru.

Namig: Pri poimenovanju naslovov bodimo jasni in konkretni ter vedno preverimo strukturo strani z orodjem HeadingsMap, da zagotovimo smiselno in uporabniku prijazno razporeditev vsebine.

Povezava s smernicami dostopnosti (WCAG)

Področje uporabe in strukture naslovov naslavljajo naslednji kriteriji uspeha WCAG:

Ti kriteriji zagotavljajo, da je vsebina spletne strani smiselno strukturirana in jasno razdeljena na logične sklope. Pravilno uporabljeni naslovi omogočajo uporabnikom, da hitro razumejo strukturo strani, se učinkovito orientirajo po vsebini in lažje najdejo želene informacije. To je še posebej pomembno za uporabnike bralnikov zaslona in tipkovnice, hkrati pa jasna struktura naslovov izboljšuje preglednost, berljivost in uporabniško izkušnjo za vse obiskovalce spletnih strani.