2526UPSA1.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/index.php/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>
.contenido {
line-height: 14px;
letter-spacing: -1px;
word-spacing: -3px;
height: 48px;
overflow: hidden;
}
</style>
<div class="contenido">
Este bloque de texto utiliza valores de espaciado fijos y un contenedor con
altura limitada. Al aumentar el espaciado del texto según las necesidades del
usuario, parte del contenido queda oculto o se solapa, perdiéndose información.
</div>
Explicación del problema detectado:
El texto utiliza valores de espaciado rígidos y un contenedor con altura fija que impiden ajustar el interlineado, el espacio entre palabras o entre letras. Al aplicar los valores mínimos definidos por el criterio 1.4.12, el contenido se solapa o se recorta, provocando la pérdida de información y funcionalidad.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Las personas con baja visión y las personas con dificultades cognitivas, como dislexia, se ven afectadas, ya que no pueden aumentar el espaciado del texto para mejorar la legibilidad sin que el contenido se corte o se vuelva ilegible. Esto genera una barrera grave de comprensión y acceso a la información.
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>
.contenido {
line-height: 1.5;
letter-spacing: 0.12em;
word-spacing: 0.16em;
margin-bottom: 2em;
}
</style>
<div class="contenido">
Este bloque de texto permite ajustar el interlineado, el espaciado entre palabras
y entre letras sin que el contenido se solape, se recorte o pierda funcionalidad,
manteniendo una correcta legibilidad.
</div>
Explicación de la solución aplicada:
El texto utiliza valores de espaciado relativos que permiten aumentar el interlineado, el espaciado entre palabras y entre letras conforme a los mínimos establecidos por el criterio 1.4.12. Al aplicar estos ajustes, el contenido mantiene su legibilidad y funcionalidad, sin solapamientos ni pérdida de información.
