Techniques for WCAG 2.0

F69: Az 1.4.4 teljesítési feltételhez tartozó hiba, amelyet a 200 százalékra átméretezett kép, szöveg vagy vezérlő levágása, csonkítása vagy torzítása okoz

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éretváltozás miatt levágásra, csonkításra vagy torzításra kerül és ezáltal értelmezhetetlenné válik. Általában ez akkor fordul elő, amikor a felhasználói program elrendezéseket szabályozó motorja nem képes az új betűméretnek megfelelő HTML elrendezési javaslatok alkalmazására. Ilyen lehet:

A tartalmazó elem overflow tulajdonságának rejtettre állítása.
Abszolút módon pozícionált tartalom alkalmazása.
Az új karakter nagyságú tartalomnak megfelelő felugró elemek készítése.

Példák

1. hiba példa:

A karakterek mérete állíthatóan, a tartalmazó elem azonban állandó pixelméretben kerül meghatározásra. A szöveget tartalmazó elem szegélye szürke színnel kerül feltüntetésre. Az újraméretezett szöveg túlcsordul a tartalmazó elemen és eltorzítja a következő bekezdést.

Példa kód:


<div style="font-size:100%; width:120px; height:100px; border: thin solid gray;> 
  Now is the time for all good men to come to the aid of their country. 
</div>
<p>Now is the time for all good men to come to the aid of their country.</p>

Az 1. példa illusztrációja:

Example showing text that spills outside of its container, obscuring other text on the page.

2. hiba példa:

Ez a példa azonos a fentivel, attól eltekintve, hogy a szöveget tartalmazó elem a szöveg levágására lett beállítva. A szöveg ezek után nem folyik össze a következő bekezdéssel, de megcsonkul. Ez így szintén hibás.

Példa kód:


<div style="font-size:100%; width:120px; height:100px; overflow: hidden; border: thin solid gray;>
 Now is the time for all good men to come to the aid of their country. 
</div>
<p>Now is the time for all good men to come to the aid of their country.</p>

A 2. példa illusztrációja:

Example showing text that truncated due to resized text.

(jelenleg nincsenek)

Ellenőrzések

Folyamat

Növelje meg a tartalom szövegméretét 200 %-ra.
Ellenőrizze, hogy a szöveg nem került levágásra, csonkításra vagy torzításra.

Elvárható eredmények

Amennyiben a 2. 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.