Principio 1/1.4 Distinguible/1.4.3-A
De WCAG Wiki
1.4.3-A. Contraste mínimo en texto normal
- Nivel: AA
- Versión: 2.2
- Principio: 1_Perceptible
- Pauta: 1.4_Facilitar_ver_y_escuchar_contenido
- Grupo: Contraste
- Subgrupo: Texto_normal
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Baja visión –
Barrera grave
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
- Paso 1. Identificar texto normal en la página.
- Paso 2. Medir contraste con herramientas especializadas.
- 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...
