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

De WCAG Wiki
← Edición anterior
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
 
(No se muestran 2 ediciones intermedias del mismo usuario)
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.0
<html>
|wcag_principio=1_Perceptible
<!-- criterio 1.4.4-A -->
|wcag_principio_url=Principio_1
<article class="wcag-card">
|wcag_pauta=1.4_Distinguible
  <section class="wcag-info">
|wcag_pauta_url=Principio_1/1.4_Distinguible
    <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>
Se debe poder aumentar el texto hasta el doble de su tamaño y que la página siga siendo legible sin que se pierda contenido o funcionalidad.
 
|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><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G142 G142: Using a technology that has commonly-available user agents that support zoom]</span></li>
</ul>
 
|wcag_recursos=
<strong> Consejos </strong>
<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=Manual
 
|wcag_pasos_evaluacion=
 
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span>
Utilizando el navegador, aumentar el zoom hasta el <strong>200%</strong>.
</li>
<li><span class="paso-badge">Paso 2.</span>
Verificar que todos los contenidos de la página son legibles.
</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=
Codigo HTML con visualización flexible, se indica unidad REM para indicar el tamaño del texto.
 
<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>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>'''Aumento del texto en navegador''': ampliar solo el tamaño del texto hasta el 200% (sin zoom completo), usando la opción “Tamaño de texto” o “Solo texto”, y comprobar que no se pierde contenido ni funcionalidad.</li>
<li>'''Inspección visual''': verificar que el texto no se solapa, corta, ni obliga a hacer scroll horizontal excesivo; comprobar que botones, menús y formularios siguen siendo legibles y utilizables.</li>
<li>'''Inspección del navegador''': revisar estilos CSS para evitar unidades fijas (p. ej., <code>px</code>) y asegurar el uso de unidades relativas (<code>rem</code>, <code>em</code>, <code>%</code>) para el texto.</li>
<li>'''Pruebas con tecnologías asistivas''': (ZoomText, herramientas de ampliación del Sistema Operativo) comprobar que la funcionalidad se mantiene y el foco no se pierde al aumentar el tamaño del texto.</li>
</ul>
}}

Revisión actual - 12:38 6 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)

  • Se debe poder aumentar el texto hasta el doble de su tamaño y que la página siga siendo legible sin que se pierda contenido o funcionalidad.

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

Recursos de apoyo

Consejos
  • 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 Manual

Procedimiento de evaluación

  1. Paso 1. Utilizando el navegador, aumentar el zoom hasta el 200%.
  2. Paso 2. Verificar que todos los contenidos de la página son legibles.

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

Codigo HTML con visualización flexible, se indica unidad REM para indicar el tamaño del texto. 
<style>
body { font-size: 1rem; }
</style>

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

Otras herramientas de evaluación

  • Aumento del texto en navegador: ampliar solo el tamaño del texto hasta el 200% (sin zoom completo), usando la opción “Tamaño de texto” o “Solo texto”, y comprobar que no se pierde contenido ni funcionalidad.
  • Inspección visual: verificar que el texto no se solapa, corta, ni obliga a hacer scroll horizontal excesivo; comprobar que botones, menús y formularios siguen siendo legibles y utilizables.
  • Inspección del navegador: revisar estilos CSS para evitar unidades fijas (p. ej., px) y asegurar el uso de unidades relativas (rem, em, %) para el texto.
  • Pruebas con tecnologías asistivas: (ZoomText, herramientas de ampliación del Sistema Operativo) comprobar que la funcionalidad se mantiene y el foco no se pierde al aumentar el tamaño del texto.










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=3709»