Uporabniki bralnikov zaslona se po strani najpogosteje orientirajo z naslovi — podobno kot vi preletite časopisne naslove. Če naslovi niso smiselno urejeni ali če jih sploh ni, je stran zanje nepregledna zmeda besedila.
Osnovna pravila
- Na strani je en naslov H1 — ime strani ali članka.
- Podnaslovi sledijo hierarhiji: H2 za glavne sklope, H3 za podsklope — ne preskakujte ravni.
- Naslova ne izbirajte zaradi velikosti pisave; velikost prilagodite s slogi (CSS).
- Naslov naj opisuje vsebino sklopa, ne sme biti prazen ali samo okrasen.
Tipične napake
- H1 manjka ali pa se ponovi na vsaki podstrani z istim besedilom.
- Preskok ravni: po H2 sledi H4, ker je H4 »lepše velikosti«.
- Besedilo, odebljeno z miško, namesto pravega naslova.
- Naslovi v nogi in stranski vrstici, ki motijo logično strukturo vsebine.
Kako preverite v minuti
V brskalniku odprite orodja za razvijalce in v konzolo vpišite poizvedbo po naslovih, ali pa uporabite brezplačno razširitev, ki izriše oris strani (headings outline). V enem pogledu boste videli luknje in preskoke.
Preberite tudi
Barvni kontrast po WCAG: koliko je dovolj in kako ga preverite
Kakšno razmerje kontrasta zahteva WCAG 2.2 AA za besedilo, gumbe in ikone, kako ga izmerite in katere napake so v slovenskih spletnih straneh najpogostejše.
Nadomestna besedila slik (alt): kdaj, kako in kdaj naj ostane prazno
Kako napisati koristno nadomestno besedilo slike, kdaj naj bo alt prazen, kaj z grafi in logotipi ter zakaj alt ni prostor za ključne besede.
Izjava o dostopnosti: kaj mora vsebovati in kako jo pripravite
Kdo mora objaviti izjavo o dostopnosti, katere sestavine so obvezne, kje na strani naj bo objavljena in kako pripravite prvo različico.
Navigacija s tipkovnico: kako preverite, ali je vaša stran uporabna brez miške
Zakaj mora biti spletna stran v celoti uporabna s tipkovnico, kako to preverite v desetih minutah in katere napake najpogosteje preprečujejo uporabo.
Dostopni obrazci: oznake, napake in sporočila, ki jih vsi razumejo
Zakaj obrazci odpovedujejo, kako pravilno označiti polja, napisati razumljiva sporočila o napakah in zakaj placeholder ni nadomestilo za oznako.
Dostopni PDF in Word dokumenti: kaj zahtevajo predpisi in kako jih pripravite
Zakaj morajo biti PDF-ji na spletnih straneh javnega sektorja dostopni, kaj pomeni označen (tagged) PDF in kdaj je dokument bolje objaviti kot spletno stran.
Povezave, ki povedo, kam vodijo: zakaj »kliknite tukaj« ni dovolj
Zakaj mora besedilo povezave samo po sebi povedati, kam vodi, kako to pomaga uporabnikom bralnikov zaslona in iskalnikom ter kako popravite najhujše primere.
Podnapisi in prepisi videov: kako naredite video dostopen vsem
Zakaj video vsebina brez podnapisov ni dostopna, kako enostavno dodate podnapise na YouTube in svojo stran ter kaj zahtevajo predpisi za avdiovizualno vsebino.
Dostopnost mobilnih aplikacij: kaj se razlikuje od spletnih strani
Evropski akt o dostopnosti zajema tudi mobilne aplikacije. Kaj morate upoštevati pri zasnovi aplikacije: velikost dotika, besedilo, bralniki zaslona in orientacija.
Hitrost nalaganja in dostopnost: zakaj počasna stran izključuje obiskovalce
Počasne strani težje uporabljajo ljudje s kognitivnimi ovirami, starejšimi napravami in slabo povezavo. Kaj izmeriti in kako pospešiti stran.
Razumljiv jezik in enostavna slovenščina: pišite za vse bralce
Kako napisati vsebino, ki jo razumejo ljudje z brajnimi težavami, tujci in hitri bralci: kratki stavki, jasne besede in dobra razčlenitev.
Kako izbrati ponudnika za dostopnost spletnih strani: vprašanja pred podpisom
Česa se lotiti pred naročilom rešitve za dostopnost: katera vprašanja zastaviti ponudniku, kako prepoznati pretirane obljube in kaj mora biti v ponudbi.
Dostopnost za občine in javne zavode: od zahteve do delujoče strani
Praktičen načrt za občine, šole in javne zavode: kaj zahteva ZDSMA, v kakšnem vrstnem redu urediti spletišče in kako razporediti delo brez velikega proračuna.