Smernice

Opozorila na napake, ki jih razumejo vsi uporabniki

Ko uporabnik pri izpolnjevanju obrazca naredi napako, mora spletna stran jasno sporočiti, kaj je narobe in kako lahko težavo odpravi. Dobro zasnovano opozorilo ne pove le, da je prišlo do napake, temveč uporabniku pomaga razumeti, katero polje je napačno izpolnjeno, zakaj je prišlo do napake in kako jo odpraviti. Takšna obvestila izboljšajo uporabniško izkušnjo za vse, za uporabnike z oviranostmi pa so pogosto ključna za uspešno dokončanje naloge.
Vrsta: Digitalna dostopnost
Zahtevnost: Napredno
Avtor: DigARegion
Objavljeno:
Posodobljeno:
Deli na:

Smernica pokriva oviranosti:

Jasna opozorila na napake so pomembna predvsem pri izpolnjevanju obrazcev. Če uporabnik ne prejme razumljive povratne informacije ali predloga za popravek, lahko postopek opusti ali napačno sklepa, da je obrazec uspešno oddan. Zato morajo biti napake jasno označene, opisane z besedilom in po možnosti dopolnjene z navodilom za odpravo.

Za katere uporabnike so opozorila na napake posebej pomembna?

Dostopna opozorila na napake so ključna za:

  • osebe z vidnimi oviranostmi,
  • uporabnike bralnikov zaslona,
  • osebe z barvno slepoto,
  • osebe s kognitivnimi oviranostmi,
  • starejše uporabnike,
  • vse uporabnike, ki obrazce izpolnjujejo na mobilnih napravah ali v zahtevnejših okoliščinah.

Dobro zasnovana opozorila zmanjšujejo število neuspešno oddanih obrazcev ter uporabnikom pomagajo hitreje odpraviti napake.

Obrazec za prijavo na e-novice z jasno vidnim opozorilom o neveljavno vnesenem e-poštnem naslovu.

Več o dostopno urejenih obrazcih

Kaj pomeni dostopno opozorilo na napako?

Kadar sistem zazna napako pri vnosu, mora uporabniku jasno sporočiti:

  • v katerem polju je napaka,
  • kaj je narobe,
  • kako lahko napako odpravi.

Pri tem ni dovolj, da je polje označeno le z rdečo barvo ali da se prikaže splošno sporočilo »Napaka«. Uporabnik mora prejeti razumljivo besedilno razlago. Če sistem pozna pravilno rešitev (na primer pričakovani format datuma ali e-poštnega naslova), naj poda tudi konkreten predlog za popravek.

Namig: Dobro opozorilo uporabniku ne pove le, da je naredil napako, ampak tudi, kako jo lahko čim hitreje odpravi.

Pogoste težave pri opozorilih na napake

Opozorilo je premalo opazno

Če opozorilo ni dovolj izrazito, ga uporabniki zlahka spregledajo.

Najpogostejši razlogi so:

  • prenizek kontrast med besedilom in ozadjem,
  • premajhna velikost besedila,
  • uporaba samo rdeče barve za označevanje napake.
Slaba praksa: Napaka je označena samo z rdečim robom okoli vnosnega polja, brez dodatnega besedila ali drugega vizualnega poudarka.
Dobra praksa: Napaka je označena z barvo, ikono in jasnim besedilnim sporočilom, ki uporabniku pojasni težavo.
Obrazec, kjer je napaka označena le z rdečim robom vnosnega polja, brez besedilnega pojasnila.

Več o ustreznem kontrastu in uporabi barve

Opozorilo izgine prehitro

Če se opozorilo prikaže le za kratek čas ali izgine ob premiku v drugo polje, ga številni uporabniki ne uspejo prebrati.

Namig: Opozorilo naj ostane prikazano, dokler uporabnik napake ne odpravi.
Obrazec z nejasnim sporočilom o napaki v oblačku, ki uporabniku ne pojasni, kako odpraviti težavo.

Opozorilo ni dovolj jasno

Sporočila, kot so:

  • »Napaka.«
  • »Neveljaven vnos.«

uporabniku ne povedo, kaj je narobe in kako lahko težavo odpravi. Enako problematična so opozorila, ki so prikazana v tujem jeziku ali uporabljajo tehnične izraze, ki jih uporabnik ne razume.

Obrazec z obvestili o napaki v angleškem jeziku pod obveznima poljema za ime in e-poštni naslov.

Namesto tega uporabimo konkretna sporočila, na primer:

  • »Vnesite veljaven e-poštni naslov.«
  • »Polje Telefonska številka je obvezno.«

Več o berljivosti in razumljivosti besedil

Vidno opozorilo povsem manjka

Če se obrazec ne odda, na strani pa ni nobenega opozorila, uporabnik pogosto ne razume, zakaj postopek ni uspel.

Posledično lahko napačno sklepa, da je obrazec uspešno oddal.

Namig: Napaka mora biti jasno prikazana ob posameznem polju ali v povzetku napak na vrhu obrazca.

Napaka ni posredovana bralnikom zaslona

Če se opozorilo prikaže le vizualno, uporabniki bralnikov zaslona zanj pogosto sploh ne izvedo.

Statusna sporočila morajo biti zato programsko določljiva, da jih podporne tehnologije zaznajo brez premika fokusa. To običajno dosežemo z uporabo ustreznih ARIA Live Region atributov oziroma vlog, kot je role=”alert”.

Namig: Obvestila o napakah niso pomembna samo pri obrazcih. Enako velja za napake pri nalaganju vsebine, rezultate iskanja ali druge spremembe stanja na strani.

Več o statusnih sporočilih

Kako naj bo videti dobro opozorilo?

Dobro opozorilo na napako običajno vsebuje:

  • povzetek napak na vrhu obrazca (pri daljših obrazcih),
  • jasno označeno napačno polje,
  • razumljivo besedilno razlago,
  • vizualno razlikovanje (barva in/ali ikona),
  • predlog za odpravo napake,
  • podporo za bralnike zaslona.

Primer dobro zasnovanega opozorila na napako:

Primer obrazca s povzetkom napak, jasno označenimi polji in konkretnimi navodili za odpravo napak.

Namigi za odpravo napak

Če sistem pozna pravilen način vnosa, naj uporabniku ponudi jasen in konkreten predlog za odpravo napake. Še bolje je, če so navodila za pravilen vnos prikazana že pred izpolnjevanjem obrazca, saj lahko uporabniku pomagajo preprečiti napake, namesto da jih odpravlja šele po neuspešni oddaji.

Na primer:

  • »Geslo mora vsebovati najmanj 8 znakov.«
  • »Datum vnesite v obliki DD.MM.LLLL.«

Povezava s smernicami dostopnosti (WCAG)

Področje opozoril na napake naslavljajo naslednji kriteriji uspeha WCAG:

  • 3.3.1 Identifikacija napake
  • 3.3.3 Predlog za odpravo napake
  • 3.3.4 Preprečevanje napak

S kakovostno zasnovanimi opozorili na napake uporabnikom omogočimo, da težavo hitro razumejo, jo enostavno odpravijo in uspešno dokončajo postopek. Tako izboljšamo uporabniško izkušnjo, zmanjšamo število neuspešnih oddaj obrazcev ter zagotovimo dostopnost digitalnih storitev za vse uporabnike.