Ver el código de «Principio 1/1.4 Distinguible/1.4.12-A»

{{CriterioWCAG
|id_wcag_criterio=1.4.12
|id_wcag_subcriterio=1.4.12-A
|wcag_titulo_criterio=1.4.12-A. Ajustes de espaciado del texto
|wcag_nivel=AA
|wcag_version=2.2
|wcag_principio=1_Perceptible
|wcag_principio_url=Principio_1
|wcag_pauta=1.4_Facilitar_ver_y_escuchar_contenido
|wcag_pauta_url=Principio_1/1.4_Facilitar_ver_y_escuchar_contenido
|wcag_grupo=Texto
|wcag_subgrupo=Espaciado

|wcag_discapacidades=
<li class="discapacidad-item">
  [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</span> – 
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
<li class="discapacidad-item">
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> – 
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
</li>

|wcag_lista_discapacidades=
[[Categoría:Discapacidad baja visión]]
[[Categoría:Discapacidad cognitiva]]

|wcag_texto_criterioOAW=
Si el lenguaje de marcado utilizado admite las propiedades de estilo, el texto se puede formatear de la siguiente manera sin perder contenido ni funcionalidad y sin necesidad de tocar otros estilos:

* Espacio entre líneas: ≥ 1.5 × tamaño de fuente
* Espacio entre párrafos: ≥ 2 × tamaño de fuente
* Espacio entre letras: ≥ 0.12 × tamaño de fuente
* Espacio entre palabras: ≥ 0.16 × tamaño de fuente

|wcag_descripcion_resumida=
El contenido debe permitir que las personas aumenten interlineado, espaciado entre palabras, letras y párrafos sin que el texto se superponga, se corte o pierda funcionalidad. El diseño no debe impedir estos ajustes.

|wcag_objetivo=
Facilitar la lectura y comprensión a personas con baja visión y con dificultades de procesamiento (p. ej., dislexia) permitiendo ajustar el espaciado sin romper el diseño.

|wcag_importancia=
Si el espaciado no puede modificarse o, al ajustarlo, el contenido se solapa o desaparece, la legibilidad y el uso del sitio se ven gravemente afectados.

|wcag_referencias=
<ul>
<li>C36: Permitir anulación del espaciado de texto</li>
<li>C21: Usar line-height accesible</li>
<li>C28: Contenedores en unidades relativas (em)</li>
<li>F104: Fallo por texto cortado al aumentar espaciado</li>
</ul>

|wcag_recursos=
<ul>
<li>Evitar valores fijos que impidan reflujo del texto</li>
<li>Usar <code>line-height</code>, <code>letter-spacing</code>, <code>word-spacing</code> con valores relativos</li>
<li>Definir contenedores con <code>em</code> para permitir crecimiento</li>
<li>Probar con herramientas automáticas</li>
</ul>

|wcag_tipo_evaluacion=Comprobación manual

|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Aplicar el bookmarklet “Text spacing” de Steve Faulkner.</li>
<li><span class="paso-badge">Paso 2.</span> Revisar que no haya solapamiento, recortes o pérdida de funcionalidad.</li>
<li><span class="paso-badge">Paso 3.</span> Verificar controles, botones, formularios y menús.</li>
</ol>

|wcag_resultado_evaluacion=
El contenido mantiene legibilidad y funcionalidad al aplicar los valores mínimos de espaciado definidos.

|wcag_ejemplo_evaluacion=
Ejemplo accesible:
<div class="accessibility-card">
<pre class="wcag-codigo-css">
body {
  line-height: 1.5;
  letter-spacing: 0.12em;
  word-spacing: 0.16em;
}
</pre>
<p>El texto puede espaciarse sin romper el diseño.</p>
</div>

Ejemplo no accesible:
<div class="accessibility-card-error">
<pre class="wcag-codigo-css">
p { line-height: 1 !important; }
</pre>
<p>El uso de <code>!important</code> bloquea ajustes necesarios.</p>
</div>

|wcag_otras_herramientas_evaluacion=
<ul>
<li>Bookmarklet “Text spacing” (Steve Faulkner)</li>
<li>DevTools del navegador</li>
</ul>
}}