This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Akadálymentesség
Hogyan jelenik meg hibásan egy weboldal megjelenítése?
A weboldal helyesen jeleníti meg a forma hibák megnevezésével az érintett mező és leírja a hibát a következő szavakkal: "Kérjük, adja meg e-mail címét". A piros keret önmagában nem elég - vak látogatók nem látják, színes vak látogatók figyelmen kívül hagyja. A WCAG 3.3.1. kritériuma előírja, hogy a feltárt bemeneti hibákat automatikusan észlelik és szöveges formában közlik a látogatóval.
Csak a piros keret teszi a látogatókat találgatásra
Képzelje el, hogy a kapcsolatfelvételi űrlap jön vissza az üzenetet "Kérjük ellenőrizze a bejegyzéseket" - ez minden. Egy látó látogató most piros kereteket keres. A vak látogatónak sincs esélye: a kiolvasási programja szövegeket olvas, nem színeket. Újra mezőről mezőre jár, és kitalálja, hol a probléma. Sokan feladják ezen a ponton - és elveszíti a kérést vagy a parancsot. Egy jó hibaüzenet három dolgot határoz meg: melyik mező érintett, mi a hibás benne, és a legjobb esetben, hogyan néz ki a helyes. Ezenkívül az üzenetnek technikailag kapcsolódnia kell a mezőhöz, hogy az olvasók bejelenthessék a mezőn.
Hogyan méri a vizsgálati szolgáltatás a hiba észlelését
Az ellenőrző szolgáltatás egy ellenőrzött próbálkozással teszteli a nyomtatványt egy valódi böngészőben: egy kötelező mezőket tartalmazó űrlapot keres, és szándékosan üresen küldi. Aztán megfigyeli a reakciót. Ha a kötelező mezőket helytelennek jelölik, és a hibajelzés technikailag kapcsolódik a mezőkhöz, a kritérium teljesítettnek tekintendő - a jelentés jelzi, hogy hány mezőt neveztek meg helyesen. Tiszta keresősávok és nyomtatványok kötelező mezők nélkül elhagyják a mérést annak érdekében, hogy ne indítsanak el semmilyen nemkívánatos dolgot a honlapon; ilyen esetekben a jelentés nyíltan azonosítja a kézi ellenőrzőpontot. Az aranystandardban egy személy azt is ellenőrzi, hogy a hibaszövegeket érthető módon fogalmazták-e meg.
Példák
Hiba a hely és a szöveg nélkül
<p class="rot">Bitte Eingaben prüfen.</p>
<input name="iban"><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>Az üzenet megnevezi a mezőt és a hibát, és csatlakozik a mezőhöz, így a kiolvasási program bejelenti a mezőnek.
- Egyszer szándékosan üresen küldi el kapcsolatfelvételi űrlapját, és egy idegen szemével olvassa el a hibaüzenetet.
- Minden hibaüzenet formázása a minta szerint: mező neve, probléma, megoldás - "E-mail cím: Adjon meg egy @ character címet"
- Kérje meg az ügynökségét, hogy technikailag kapcsolja össze a hibaüzeneteket a mezővel, így az olvasók bejelentik azokat.
- Soha ne hagyatkozz csak a színre - minden piros keretnek magyarázó szöveg kell mellette.
