Understanding WCAG 2.0

Skip to Content (Press Enter)

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:

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
  1. Növelje meg a tartalom szövegméretét 200 %-ra.

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