Kontaktni obrazec, prijava na e-novice, naročilo — obrazci so točke, kjer obiskovalec postane stranka. Hkrati so med najmanj dostopnimi deli spletnih strani: manjkajoče oznake, nerazumljiva sporočila o napakah in omejitve, ki jih tipkovnica ne premaga.
Vsako polje potrebuje vidno oznako
Oznaka (label) mora biti vidna ob polju in programsko povezana z njim. Tako jo bralnik zaslona prebere, klik nanjo pa postavi kurzor v polje — kar pomaga tudi ljudem z oslabelo motoriko.
Nadomestno besedilo v polju (placeholder) ni oznaka: izgine, ko uporabnik začne tipkati, in bralniki zaslona ga pogosto preskočijo.
Sporočila o napakah
- Napako označite z besedilo, ne samo z rdečo barvo polja.
- Povejte, kaj je narobe in kako popraviti: »Vpišite e-naslov v obliki ime@domena.si«, ne le »Napaka«.
- Napake povzemite na vrhu obrazca s povezavami na polja.
- Po uspešni oddaji sporočite uspeh — tudi bralniku zaslona.
Dodatna dobra praksa
- Obvezna polja označite z besedo, ne samo z zvezdico.
- Časovne omejitve za izpolnjevanje se izognite; če so nujne, omogočite podaljšanje.
- Preverjanje CAPTCHA mora imeti dostopno alternativo (npr. zvočno).
- Polja združujte v logične skupine z naslovi (fieldset, legend).
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.
Naslovi H1–H6: zakaj je pravilna struktura naslovov temelj dostopnosti
Kako pravilno hierarhijo naslovov uporabljajo bralniki zaslona, zakaj naslovov ne smete izbirati po velikosti pisave in kako hitro preverite svojo stran.
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.