Skip to content

This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →

Barrierefreiheit

Kako web-mjesto prikazuje greške obrasca ispravno?

Web-mjesto prikazuje greške obrasca pravilno tako što imenuje pogođeno polje i opisuje grešku riječima: „Molimo unesite svoju e-mailovu adresu.” Samo crveni okvir nije dovoljan — slijepi posjetitelji ga ne vide, niti vidiočarni posjetitelji mogu ga propustiti. WCAG kriterij 3.3.1 zahtijeva da se detektirane greške unosa automatski otkriju i korisniku priopće u tekstualnom obliku.

Crveni okvir sam ne puštaj posjetitelje da pogađaju

Zamislite vaš oblik za kontakt koji se vraća s porukom „Molimo provjerite vaše unose” — više niče piše. Vidljiv posjetitelj traži crvene okvire. Slijepi posjetitelj čak nema ni tu mogućnost: Njegov program za čitanje čita tekst, ne boje. Ide polje za poljem ponovno i pogađa gdje je problem. Mnogi se na ovom mjestu predaju — i izgubite upit ili narudžbu. Dobra poruka o grešci govori tri stvari: koje je polje pogođeno, što je s njim loše, i najčešće, kako treba izgledati. Osim toga, poruka mora biti tehnički povezana s poljem kako bi programi čitanja mogli objaviti na samom polju.

Kako služba za provjeru mjeri prepoznavanje grešaka

Služba za provjeru testira oblik u stvarnom pregledniku s kontroliranim pokusom: Traži obrazac s obaveznim poljima i namjerno ga šalje praznina. Zatim promatra reakciju. Ako se obavezna polja označe kao greške i opis greške je tehnički povezan s poljima, kriterij se smatra ispunjenim — izvješće bilježi koliko je polja ispravno названo. Čiste trake za pretraživanje i obrasci bez obaveznih polja namjerno su isključeni iz mjerenja kako ništa neželjeno ne bi okidalo na vašem web-mjestu; takvi slučajevi izvješće jasno izlaze kao ručna točka provjere. Na Zlatnom standardu osoba dodatno provjerava razumnost formulacija teksta greške.

Beispiele

Fehler ohne Ort und Text

Verstoß
<p class="rot">Bitte Eingaben prüfen.</p>
<input name="iban">
Erfüllt
<label for="iban">IBAN</label>
<input id="iban" name="iban" aria-invalid="true" aria-describedby="iban-fehler">
<p id="iban-fehler">IBAN: 20 Zeichen erwartet, 18 eingegeben.</p>

Die Meldung nennt das Feld und den Fehler und ist mit dem Feld verbunden, damit das Vorleseprogramm sie beim Feld ansagt.

  • Pošalji svoj oblik za kontakt namjerno prazan i pročitaj poruku o grešci očima tuđinca.
  • Formulirajte svaku poruku o grešci po uzorku: Naziv polja, Problem, Rješenje — „E-mailova adresa: molimo unesite adresu sa znakom @.”
  • Zamolite svoju agenciju da tehnički povezuje poruke o greškama sa svakim poljem kako bi programi čitanja mogli objaviti.
  • Nikad se nemojte oslanjati samo na boju — svaki crveni okvir trebao bi tekst pojašnjenja pored njega.

Deutsche Fassung dieser Seite