Diferencia entre revisiones de «Principio 1/1.4 Distinguible/1.4.3-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.3-A. Contraste mínimo en texto normal''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=1.4.3
  Análisis interno:
|id_wcag_subcriterio=1.4.3-A
  Este criterio impacta principalmente a: Personas con baja visión 
|wcag_titulo_criterio=1.4.3-A. Contraste mínimo en texto normal
  Problema grave: Si el contraste entre el texto normal y el fondo es insuficiente, los usuarios con baja visión no podrán leerlo con claridad, provocando barreras graves para la comprensión. 
|wcag_nivel=AA
-->
|wcag_version=2.2
<html>
|wcag_principio=1_Perceptible
<!-- criterio 1.4.3-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=Contraste
      <li><span class="label">Nivel:</span><span class="value">AA</span></li>
|wcag_subgrupo=Texto_normal
      <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>
      <li><span class="label">Pauta:</span><span class="value">1.4 Facilitar ver y escuchar contenido</span></li>
      <li><span class="label">Categoría:</span><span class="value">Contraste</span></li>
      <li><span class="label">Subcategoría:</span><span class="value">Texto normal</span></li>
    </ul>
  </section>


   <section class="wcag-users">
|wcag_discapacidades=
    <p>Usuarios más afectados</p>
<li class="discapacidad-item">
    <ul>
  [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=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>
  <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>
</article>
 
</html>
|wcag_lista_discapacidades=
[[Categoría:Discapacidad baja visión]]
 
|wcag_texto_criterioOAW=
El texto normal (tamaño inferior a 18 puntos o a 14 puntos y negrita) y el texto normal en imágenes deben tener un contraste respecto al color de fondo de al menos 4.5:1. La presentación visual de texto e imágenes de texto tiene una relación de contraste mínima de 4,5:1.
 
|wcag_descripcion_resumida=
El texto y las imágenes de texto deben presentar un contraste suficiente respecto al fondo para garantizar su legibilidad. 
Para texto normal, se exige una relación de contraste mínima de 4.5:1.
 
|wcag_objetivo=
Garantizar que el contenido textual pueda ser leído por personas con baja visión o con dificultades para percibir diferencias de color.
 
|wcag_importancia=
Un contraste insuficiente dificulta o impide la lectura del contenido, especialmente para usuarios con baja visión. 
El texto más pequeño requiere mayor contraste para ser legible.
 
|wcag_referencias=
<ul>
<li>G18: Uso de una relación de contraste de 4.5:1</li>
<li>G174: Proveer alternativa para ajustar contraste</li>
<li>F83: Fallo al no cumplir contraste mínimo</li>
</ul>
 
|wcag_recursos=
<ul>
<li>Verificar contraste 4.5:1 para texto normal.</li>
<li>Se puede cumplir ofreciendo un modo de alto contraste.</li>
<li>Evitar combinaciones de colores suaves o similares.</li>
</ul>
 
|wcag_tipo_evaluacion=Semiautomática
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Identificar texto normal en la página.</li>
<li><span class="paso-badge">Paso 2.</span> Medir contraste con herramientas especializadas.</li>
<li><span class="paso-badge">Paso 3.</span> Confirmar que el contraste mínimo es 4.5:1.</li>
</ol>
 
|wcag_resultado_evaluacion=
El texto normal y las imágenes de texto presentan una relación de contraste mínima de 4.5:1 respecto al fondo.
 
|wcag_ejemplo_evaluacion=
Ejemplo accesible:
<div class="accessibility-card">
<pre class="wcag-codigo-html">
<p style="color:#000000; background:#FFFFFF;">Texto con contraste adecuado.</p>
</pre>
</div>
 
Ejemplo no accesible:
<div class="accessibility-card-error">
<pre class="wcag-codigo-html">
<p style="color:#999999; background:#FFFFFF;">Texto con contraste insuficiente.</p>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Colour Contrast Analyser</li>
<li>Contrast checker WCAG</li>
<li>Herramientas de inspección de navegador</li>
</ul>
}}

Revisión del 18:59 4 nov 2025

1.4.3-A. Contraste mínimo en texto normal

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)

  • El texto normal (tamaño inferior a 18 puntos o a 14 puntos y negrita) y el texto normal en imágenes deben tener un contraste respecto al color de fondo de al menos 4.5:1. La presentación visual de texto e imágenes de texto tiene una relación de contraste mínima de 4,5:1.

Comprensión del criterio

Descripción resumida

El texto y las imágenes de texto deben presentar un contraste suficiente respecto al fondo para garantizar su legibilidad. Para texto normal, se exige una relación de contraste mínima de 4.5:1.

Objetivo

Garantizar que el contenido textual pueda ser leído por personas con baja visión o con dificultades para percibir diferencias de color.

Importancia de cumplir el criterio

Un contraste insuficiente dificulta o impide la lectura del contenido, especialmente para usuarios con baja visión. El texto más pequeño requiere mayor contraste para ser legible.

Referencias WCAG

  • G18: Uso de una relación de contraste de 4.5:1
  • G174: Proveer alternativa para ajustar contraste
  • F83: Fallo al no cumplir contraste mínimo

Recursos de apoyo

  • Verificar contraste 4.5:1 para texto normal.
  • Se puede cumplir ofreciendo un modo de alto contraste.
  • Evitar combinaciones de colores suaves o similares.

Evaluación del criterio

Tipo de evaluación

Evaluación Semiautomática

Procedimiento de evaluación

  1. Paso 1. Identificar texto normal en la página.
  2. Paso 2. Medir contraste con herramientas especializadas.
  3. Paso 3. Confirmar que el contraste mínimo es 4.5:1.

Resultado esperado

El texto normal y las imágenes de texto presentan una relación de contraste mínima de 4.5:1 respecto al fondo.

Ejemplo

Ejemplo accesible: 
<p style="color:#000000; background:#FFFFFF;">Texto con contraste adecuado.</p>

Ejemplo no accesible: 

<p style="color:#999999; background:#FFFFFF;">Texto con contraste insuficiente.</p>

Otras herramientas de evaluación

  • Colour Contrast Analyser
  • Contrast checker WCAG
  • Herramientas de inspección de navegador










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 1.4.3-A. Contraste mínimo en texto normal

Loading comments...




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