2526UFV-1.4.12-A-000
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.4_Distinguible/1.4.12-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.1.2. Código HTML:
<style>
.card {
width: 300px;
height: 120px;
overflow: hidden;
line-height: 1.1;
}
.card p {
margin: 0;
letter-spacing: 0;
word-spacing: 0;
}
</style>
<div class="card">
<p>
Este texto contiene información importante que debe poder leerse
correctamente incluso cuando el usuario ajusta el espaciado del texto.
</p>
</div>
Explicación del problema detectado:
El contenedor utiliza altura fija (height) y overflow: hidden, junto con un interlineado reducido.
Al aplicar los valores mínimos de espaciado definidos en el criterio (line-height 1.5, mayor espaciado entre letras y palabras), el texto se corta y parte del contenido deja de ser visible, lo que constituye un fallo del criterio 1.4.12-A.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Las personas con baja visión o dificultades cognitivas que necesitan aumentar el espaciado del texto pierden información, ya que parte del contenido no se muestra. Esto supone una barrera grave, al impedir la lectura completa y la comprensión del contenido.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
<style>
.card {
max-width: 300px;
line-height: 1.4;
}
.card p {
margin-bottom: 1em;
}
</style>
<div class="card">
<p>
Este texto contiene información importante que puede leerse correctamente
incluso cuando el usuario ajusta el espaciado del texto según sus necesidades.
</p>
</div>
Explicación de la solución aplicada:
El diseño no utiliza alturas fijas ni recortes de contenido, y permite que el texto refluya libremente cuando se incrementan el interlineado, el espaciado entre palabras, letras y párrafos. Al aplicar los valores mínimos definidos en el criterio no se produce solapamiento ni pérdida de contenido, cumpliendo el criterio 1.4.12-A.
