Preskoči na glavno vsebino
How-to

Dostopni spletni obrazci

Oznake, napake, vrstni red, tipkovnica.

Na kratko

Vsako polje potrebuje vidno, povezano oznako; napake morajo biti jasne in besedilne; vse mora delovati s tipkovnico.

Obrazci so pogosto najpomembnejši del strani — prijava, nakup, stik. In prav tam se dostopnost najpogosteje zalomi.

Povezane oznake polj

Vsako polje potrebuje vidno oznako (label), programsko povezano s poljem. Oznaka kot besedilo poleg polja ni dovolj — bralnik zaslona mora vedeti, kateri opis pripada kateremu polju. Namigi (placeholder) niso nadomestilo za oznako.

Jasna sporočila o napakah

Napake morajo biti sporočene z besedilom, ne le z barvo (npr. rdečim okvirjem). Sporočilo naj pove, kaj je narobe in kako popraviti, ter naj bo programsko povezano s poljem, da ga bralnik zaslona prebere.

Vrstni red in tipkovnica

Polja naj sledijo logičnemu vrstnemu redu, obrazec pa mora v celoti delovati s tipkovnico. Preverite tudi viden fokus na vsakem polju in gumbu.

Kontrast in cilji dotika

Polja, njihove obrobe in sporočila potrebujejo dovolj barvnega kontrasta. Cilji za dotik naj bodo dovolj veliki — to koristi tudi uporabnikom na mobilnih napravah.

Ta vsebina je informativna in ne pomeni pravnega nasveta. Za razlago obveznosti za konkretno organizacijo priporočamo uradni pravni vir.

Preverite dostopnost svoje strani

Začnite z WCAG pregledom in dobili boste jasno sliko, kaj je smiselno urediti najprej.

Naročite WCAG pregled