Criterio de éxito

Definición Técnica

Un criterio de éxito (success criterion) en WCAG es un requisito específico, verificable y medible que debe cumplirse para lograr conformidad con las Pautas de Accesibilidad para el Contenido Web. Cada criterio está asociado a uno de los cuatro principios POUR (Perceptible, Operable, Comprensible, Robusto) y tiene asignado un nivel de conformidad (A, AA o AAA).

Estructura de un Criterio

Identificación

Cada criterio tiene un identificador único:

• Formato: [Principio].[Pauta].[Criterio]
• Ejemplo: 1.4.3 Contraste (mínimo)
  • 1 = Principio 1 (Perceptible)
  • 4 = Pauta 1.4 (Distinguible)
  • 3 = Criterio 3

Componentes

1. Número y título: Identificación única
2. Nivel: A, AA o AAA
3. Descripción: Qué debe cumplirse
4. Técnicas suficientes: Métodos para cumplir el criterio
5. Fallos comunes: Errores que causan incumplimiento
6. Técnicas adicionales: Métodos recomendados pero no requeridos

Ejemplos de Criterios

1.4.3 Contraste (mínimo) - Nivel AA

Descripción: La presentación visual de texto e imágenes de texto tiene una relación de contraste de al menos 4.5:1, excepto:

• Texto grande: al menos 3:1
• Texto incidental o decorativo: sin requisito
• Logotipos: sin requisito

Técnicas suficientes:

• G18: Asegurar que el contraste entre texto y fondo sea al menos 4.5:1
• G145: Asegurar que el contraste entre texto y fondo sea al menos 3:1 para texto grande

Fallos comunes:

• F24: Especificar colores de primer plano sin especificar colores de fondo
• F83: Usar texto con contraste insuficiente

2.1.1 Teclado - Nivel A

Descripción: Toda la funcionalidad del contenido es operable mediante una interfaz de teclado sin requerir una velocidad específica de pulsación de teclas, excepto cuando la función requiere entrada que depende de la ruta del movimiento del usuario y no solo de los puntos finales.

Técnicas suficientes:

• G90: Proporcionar teclado para todas las funciones
• H91: Usar HTML form controls y enlaces

Fallos comunes:

• F42: Usar scripts para eliminar el foco cuando se recibe el foco
• F54: No proporcionar método alternativo para funciones que requieren gestos

3.3.1 Identificación de errores - Nivel A

Descripción: Si se detecta un error de entrada, el error se identifica y se describe al usuario en texto.

Técnicas suficientes:

• G83: Proporcionar descripciones de texto para identificar campos requeridos que no se completaron
• G84: Proporcionar sugerencias cuando el usuario comete un error
• G85: Proporcionar descripciones de texto para identificar errores de entrada

Fallos comunes:

• F84: No identificar errores de forma accesible
• F107: No identificar errores usando aria-invalid

Cómo Cumplir un Criterio

Proceso de Evaluación

1. Leer la descripción: Entender qué se requiere
2. Revisar técnicas suficientes: Ver métodos recomendados
3. Implementar solución: Aplicar técnica apropiada
4. Verificar cumplimiento: Probar que funciona
5. Evitar fallos comunes: No cometer errores documentados

Ejemplo Práctico: Cumplir 1.4.3

/* ✅ Correcto: Contraste 4.5:1 o superior */
.texto-normal {
  color: #333333; /* Gris oscuro */
  background: #ffffff; /* Blanco */
  /* Ratio: 12.6:1 - Cumple AA y AAA */
}

.texto-grande {
  font-size: 18px;
  color: #666666; /* Gris medio */
  background: #ffffff;
  /* Ratio: 5.7:1 - Cumple AA para texto grande */
}

/* ❌ Incorrecto: Contraste insuficiente */
.texto-bajo-contraste {
  color: #cccccc; /* Gris claro */
  background: #ffffff;
  /* Ratio: 1.6:1 - NO cumple WCAG */
}

Relación con Niveles

Nivel A (Mínimo)

• Criterios esenciales para accesibilidad básica
• Sin estos, el sitio es inaccesible para muchos usuarios
• Ejemplos: 1.1.1 Contenido no textual, 2.1.1 Teclado

Nivel AA (Recomendado)

• Criterios que mejoran significativamente la accesibilidad
• Requeridos por la mayoría de legislación
• Ejemplos: 1.4.3 Contraste, 2.4.6 Encabezados y etiquetas

Nivel AAA (Óptimo)

• Criterios más estrictos y difíciles de cumplir
• Raramente se alcanzan en sitios completos
• Ejemplos: 1.4.6 Contraste (mejorado), 3.1.5 Nivel de lectura

Errores Comunes

1. Confundir criterios con técnicas: Los criterios son requisitos, las técnicas son métodos
2. Asumir que una técnica es suficiente: Puede haber múltiples formas de cumplir
3. Ignorar fallos comunes: Evitar errores documentados es crucial
4. No verificar después de implementar: Siempre probar que funciona

Herramientas de Verificación

• axe DevTools: Identifica criterios no cumplidos
• WAVE: Muestra qué criterios se cumplen o fallan
• Lighthouse: Auditoría de criterios WCAG
• Color Contrast Analyzer: Verifica criterios de contraste

Referencias

• Understanding WCAG 2.1
• How to Meet WCAG 2.1
• Techniques for WCAG 2.1

Términos Relacionados

• WCAG 2.1
• Principios POUR
• Conformidad
• Técnicas suficientes
• Fallos comunes