F69Fallo del criterio de conformidad 1.4.4 cuando al cambiar el tamaño del texto representado visualmente hasta un 200 por ciento el texto, las imágenes o los controles quedan recortados, truncados u ocultos

Aplicabilidad

HTML y CSS

Descripción

El objetivo de esta condición de fallo es describir un problema que se produce cuando, al cambiar el tamaño del texto, este queda recortado, truncado u oculto, de modo que deja de estar disponible para el usuario. En general, este fallo se produce cuando el motor de maquetación del agente de usuario no tiene forma de respetar todas las indicaciones de maquetación del HTML con el nuevo tamaño de fuente. Algunas de las situaciones en las que esto puede ocurrir son:

• Establecer la propiedad overflow del elemento contenedor en hidden
• Usar contenido posicionado de forma absoluta
• Crear ventanas emergentes que no son lo bastante grandes para su contenido con el nuevo tamaño de fuente

Ejemplos

Texto desbordado

El tamaño de fuente se define de forma escalable, pero el contenedor tiene un tamaño fijo en píxeles. Un borde gris muestra los límites del contenedor del texto. Al cambiar el tamaño del texto, este se sale de su contenedor y oculta el párrafo siguiente.

<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>The quick brown fox jumps over the lazy dog.</p>

Ilustración del ejemplo 1:

Texto truncado

Este ejemplo es idéntico al anterior, salvo que el contenedor está configurado para recortar el texto. El texto ya no invade el párrafo siguiente, pero ahora queda truncado. Esto también es un fallo.

<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>The quick brown fox jumps over the lazy dog.</p>

Ilustración del ejemplo 2:

Pruebas