Techniques for WCAG 2.0

F80: Az 1.4.4 teljesítési feltételhez tartozó hiba, amelyet a vizuálisan megjelenített szöveg 200 %-ra növelésekor változatlanul maradó szöveges alapú űrlapvezérlők okoznak

Alkalmazás

HTML, XHTML, és CSS

Ez a hiba az alábbiakra vonatkozik:

1.4.4 teljesítési feltétel (Szöveg átméretezés)
- Hogyan teljesül az 1.4.4 (Szöveg átméretezés)
- Az 1.4.4 teljesítési feltétel értelmezése (Szöveg átméretezés)

Leírás

Ez a hiba akkor következik be, amikor a szöveg méretének megváltozásakor a szövegalapú vezérlők megtartják eredeti méretüket. Ennek következtében a felhasználóknak gondot jelenthet a szövegek beírása, illetve olvasása, mivel az nem a számukra megfelelő méretben jelenik meg.

A szövegalapú vezérlők közé beviteli dobozok (szöveg és szövegmező), illetve gombok tartozhatnak.

Példák

1. hiba példa: Kapcsolati űrlap

Egy kapcsolati űrlapon bemutatkozó információk, illetve a felhasználó kereszt-, és családnevének, telefonszámának, valamint e-mail címének bevitelére szolgáló mezők találhatók. A fejrész, bemutatkozó szöveg és űrlap vezérlő címkék méretezhető módon kerültek szerkesztésre, de az űrlapvezérlők nem.

Az XHTML elem:

Példa kód:

 <h1>Contact Us</h1>
 <p>Please provide us with your details and we will contact you as soon as we can. Note that all of the form fields are required.</p>
 <label for="fname">First Name</label><input type="text" name="fname" id="fname" /><br />
 <label for="lname">Last Name</label><input type="text" name="lname" id="lname" /><br />
 <label for="phone">Telephone</label><input type="text" name="phone" id="phone" /><br />
 <label for="email">Email</label><input type="text" name="email" id="email" /><br />
 <input type="submit" name="Submit" value="Submit" id="Submit" />

A CSS komponens:

Példa kód:

 h1 { font-size: 2em; }
 p, label { font-size: 1em; }
 input {font-size: 12pt}

Források

Ehhez a technikához jelenleg nincsenek elérhető források.

(jelenleg nincsenek)

Ellenőrzések

Folyamat

Írjon be szöveget az erre szolgáló szöveges alapú űrlapvezérlőbe.
Növelje a tartalom szövegének méretét 200 %-ra.
Ellenőrizze, hogy a szöveges alapú űrlapvezérlők mérete 200 %-ra növekedett-e.

Elvárható eredmények

Amennyiben a 3. pont hamis, akkor a hiba bekövetkezik és a tartalom nem felel meg a teljesítési feltétel követelményeinek.

Ez a weboldal A Technikák és Gyakori Hibák a Web Akadálymentesítési Útmutató 2.0-hoz része. Ez a dokumentum elérhető egy HTML fájlban is. Nézze meg a A WCAG 2.0 dokumentumait ezen dokumentum és a WCAG 2.0 egyéb dokumentumai között fennálló kapcsolatok áttekintéséhez.