Diferencia entre revisiones de «Principio 1/1.4 Distinguible/1.4.4-A»

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
== '''1.4.4-A. Redimensionar texto sin pérdida''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=1.4.4
  Análisis interno:
|id_wcag_subcriterio=1.4.4-A
  Este criterio impacta principalmente a: Personas con baja visión 
|wcag_titulo_criterio=1.4.4-A. Redimensionar texto sin pérdida
  Problema grave: Si el texto no puede redimensionarse hasta el doble de tamaño, los usuarios con baja visión tendrán dificultades para leer, generando barreras graves de accesibilidad.
|wcag_nivel=AA
-->
|wcag_version=2.2
<html>
|wcag_principio=1_Perceptible
<!-- criterio 1.4.4-A -->
|wcag_principio_url=Principio_1
<article class="wcag-card">
|wcag_pauta=1.4_Facilitar_ver_y_escuchar_contenido
   <section class="wcag-info">
|wcag_pauta_url=Principio_1/1.4_Facilitar_ver_y_escuchar_contenido
    <ul>
|wcag_grupo=Texto
      <li><span class="label">Nivel:</span><span class="value">AA</span></li>
|wcag_subgrupo=Redimensionar
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
 
      <li><span class="label">Principio:</span><span class="value">1. Perceptible</span></li>
|wcag_discapacidades=
      <li><span class="label">Pauta:</span><span class="value">1.4 Facilitar ver y escuchar contenido</span></li>
<li class="discapacidad-item">
      <li><span class="label">Categoría:</span><span class="value">Texto</span></li>
   [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Baja visión]]
      <li><span class="label">Subcategoría:</span><span class="value">Redimensionar</span></li>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</span> –
    </ul>
  <span class="gravedad gravedad-grave">Barrera grave</span>
  </section>
</li>
  <section class="wcag-users">
 
    <p>Usuarios más afectados</p>
|wcag_lista_discapacidades=
    <ul>
[[Categoría:Discapacidad baja visión]]
      <li><img src="/images/b/b7/Bajavision.png" alt="Icono baja visión" class="icono-discapacidad" /> Personas con baja visión – <span class="gravedad">Barrera grave</span></li>
 
    </ul>
|wcag_texto_criterioOAW=
  </section>
Todo el texto puede ser ajustado sin productos de apoyo hasta un 200% sin pérdida de contenido o de funcionalidad. Este criterio no aplica ni a los subtítulos ni a las imágenes de texto.
 
|wcag_descripcion_resumida=
El texto debe poder ampliarse hasta un 200% desde las herramientas del navegador sin perder contenido ni funcionalidad. 
La interfaz debe adaptarse correctamente y no provocar solapamientos, cortes o textos ilegibles.
 
|wcag_objetivo=
Permitir que las personas con baja visión accedan al contenido aumentando el tamaño del texto sin depender de magnificadores externos ni perder comprensión o funcionalidad.
 
|wcag_importancia=
Si el texto no se adapta correctamente cuando aumenta el tamaño, se puede perder información y usabilidad. 
El diseño flexible y el uso de unidades relativas (como `em` o `%`) facilitan el cumplimiento del criterio.
 
|wcag_referencias=
<ul>
<li>G142: Uso de tecnologías con soporte de zoom en navegadores comunes</li>
</ul>
 
|wcag_recursos=
<ul>
<li>Usar unidades relativas (`em`, `rem`, `%`) y no valores fijos.</li>
<li>Verificar que el contenido no se corta, solapa ni desaparece al aumentar texto.</li>
<li>Permitir ampliación del 200% sin pérdida de funcionalidad.</li>
<li>Ofrecer controles propios de aumento de texto como mejora opcional.</li>
</ul>
 
|wcag_tipo_evaluacion=Comprobación manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Aumentar el zoom del navegador hasta el 200%.</li>
<li><span class="paso-badge">Paso 2.</span> Verificar que el contenido sigue siendo completamente legible y funcional.</li>
<li><span class="paso-badge">Paso 3.</span> Comprobar formularios, botones, menús y navegación.</li>
</ol>
 
|wcag_resultado_evaluacion=
El texto se puede ampliar hasta el 200% sin pérdida de contenido ni de funcionalidad y sin necesidad de herramientas externas.
 
|wcag_ejemplo_evaluacion=
Ejemplo accesible:
<div class="accessibility-card">
<pre class="wcag-codigo-html">
<style>
body { font-size: 1rem; }
</style>
</pre>
<p>El uso de unidades relativas permite el escalado correcto del texto.</p>
</div>
 
Ejemplo no accesible:
<div class="accessibility-card-error">
<pre class="wcag-codigo-html">
<style>
body { font-size: 14px; }
</style>
</pre>
<p>Texto fijado en px, puede impedir escalado adecuado.</p>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Zoom del navegador</li>
<li>Herramientas de inspección</li>
</ul>
}}

Revisión del 19:02 4 nov 2025

1.4.4-A. Redimensionar texto sin pérdida

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • Todo el texto puede ser ajustado sin productos de apoyo hasta un 200% sin pérdida de contenido o de funcionalidad. Este criterio no aplica ni a los subtítulos ni a las imágenes de texto.

Comprensión del criterio

Descripción resumida

El texto debe poder ampliarse hasta un 200% desde las herramientas del navegador sin perder contenido ni funcionalidad. La interfaz debe adaptarse correctamente y no provocar solapamientos, cortes o textos ilegibles.

Objetivo

Permitir que las personas con baja visión accedan al contenido aumentando el tamaño del texto sin depender de magnificadores externos ni perder comprensión o funcionalidad.

Importancia de cumplir el criterio

Si el texto no se adapta correctamente cuando aumenta el tamaño, se puede perder información y usabilidad. El diseño flexible y el uso de unidades relativas (como `em` o `%`) facilitan el cumplimiento del criterio.

Referencias WCAG

  • G142: Uso de tecnologías con soporte de zoom en navegadores comunes

Recursos de apoyo

  • Usar unidades relativas (`em`, `rem`, `%`) y no valores fijos.
  • Verificar que el contenido no se corta, solapa ni desaparece al aumentar texto.
  • Permitir ampliación del 200% sin pérdida de funcionalidad.
  • Ofrecer controles propios de aumento de texto como mejora opcional.

Evaluación del criterio

Tipo de evaluación

Evaluación Comprobación manual

Procedimiento de evaluación

  1. Paso 1. Aumentar el zoom del navegador hasta el 200%.
  2. Paso 2. Verificar que el contenido sigue siendo completamente legible y funcional.
  3. Paso 3. Comprobar formularios, botones, menús y navegación.

Resultado esperado

El texto se puede ampliar hasta el 200% sin pérdida de contenido ni de funcionalidad y sin necesidad de herramientas externas.

Ejemplo

Ejemplo accesible: 
<style>
body { font-size: 1rem; }
</style>

El uso de unidades relativas permite el escalado correcto del texto.

Ejemplo no accesible: 

<style>
body { font-size: 14px; }
</style>

Texto fijado en px, puede impedir escalado adecuado.

Otras herramientas de evaluación

  • Zoom del navegador
  • Herramientas de inspección










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 1.4.4-A. Redimensionar texto sin pérdida

Loading comments...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.4_Distinguible/1.4.4-A&oldid=3342»