Ir al contenido

¿Qué son las WCAG? Definición, niveles y aplicación

Las WCAG (Web Content Accessibility Guidelines) son las recomendaciones del W3C que definen cómo hacer que un contenido web sea utilizable por personas con discapacidad. Se organizan en torno a cuatro principios — perceptible, operable, comprensible, robusto — desglosados en criterios de éxito verificables, repartidos en tres niveles de exigencia: A, AA y AAA.

En una frase

Las WCAG definen, criterio a criterio, qué hace que un contenido web sea realmente utilizable por todos.

Para recordar

  • Cuatro principios estructuran el conjunto: perceptible, operable, comprensible, robusto (POCR).
  • Existen tres niveles: A (mínimo), AA (el objetivo que adoptan la mayoría de las regulaciones) y AAA (rara vez exigible en todo un sitio).
  • Cada criterio de éxito está redactado para ser verificable, no para ser interpretado.
  • La versión 2.2, recomendación del W3C desde octubre de 2023, añade criterios sobre navegación por teclado y autenticación.
  • Parte de los criterios se automatiza, pero la mayoría exige prueba humana: navegación por teclado, lector de pantalla, claridad de las etiquetas.

Ficha del término

WCAG
Web Content Accessibility Guidelines · Pautas de Accesibilidad para el Contenido Web
Término inglés
Web Content Accessibility Guidelines
Ámbito
UX y rendimiento
Categoría
Accesibilidad
Publicado por
W3C — Web Accessibility Initiative
Versión actual
WCAG 2.2 (recomendación, 2023)
Nivel buscado en la práctica
AA

Qué abarcan realmente las WCAG

Las WCAG no son una declaración de buenas intenciones sino una lista de criterios de éxito, cada uno redactado para poder declararse cumplido o no. Eso es lo que permite que las regulaciones se apoyen en ellas sin reescribir exigencias técnicas propias.

Los cuatro principios actúan como clasificación. Perceptible: la información debe poder recibirse por sentidos distintos — texto alternativo en las imágenes, subtítulos en los vídeos, contraste suficiente. Operable: todo debe alcanzarse con el teclado, sin límites de tiempo arbitrarios ni contenidos que provoquen crisis. Comprensible: idioma declarado, etiquetas explícitas, errores de formulario explicados. Robusto: el código debe seguir siendo interpretable por las tecnologías de asistencia, actuales y futuras.

Los tres niveles no son escalones de calidad creciente aplicables en todas partes. A reúne aquello cuya ausencia hace inutilizable un contenido para ciertos públicos. AA es el nivel de referencia de la mayoría de los marcos legales. AAA contiene criterios que a veces es imposible satisfacer en todo un sitio — el propio W3C desaconseja exigirlo globalmente.

Conviene distinguir las WCAG, que son una recomendación técnica, de las leyes que se refieren a ellas. En Quebec, el SGQRI 008 se aplica a los organismos públicos; en Canadá, la Ley canadiense de accesibilidad cubre a las entidades de competencia federal. Una empresa privada no siempre está obligada legalmente, pero se expone a un riesgo comercial y reputacional.

Cómo aplicar las WCAG en concreto

  1. 01

    Fijar el nivel y el alcance

    Se suele adoptar el nivel AA y se enumeran las páginas y recorridos realmente implicados: inicio, formularios, proceso de compra, área de cliente. Un alcance no escrito hace imposible la evaluación.

  2. 02

    Pasar las herramientas automáticas

    Un analizador como axe o Lighthouse detecta rápido contrastes insuficientes, imágenes sin alternativa y campos sin etiqueta. Cubre una minoría de criterios, pero elimina el ruido de fondo.

  3. 03

    Probar solo con teclado

    Se recorre cada página sin ratón: el orden de tabulación debe seguir la lectura, el foco debe permanecer visible y ninguna trampa debe impedir salir de un componente.

  4. 04

    Probar con lector de pantalla

    NVDA, VoiceOver o JAWS revelan lo que la automatización no ve: un botón llamado «haga clic aquí», una tabla sin encabezados, una ventana modal que no toma el foco.

  5. 05

    Corregir en el origen

    La mayoría de las correcciones son HTML semántico y componentes compartidos. Corregir en el design system evita rehacer el trabajo página por página.

  6. 06

    Establecer un control recurrente

    La accesibilidad se degrada con cada publicación. Una comprobación en la revisión de código y una verificación periódica valen más que una auditoría anual.

Ejemplo concreto

Una mutua quebequesa audita su área de socios antes de un concurso público. La herramienta automática señala 40 problemas de contraste, resueltos de una pasada en los tokens de color del design system. La prueba con teclado descubre algo más grave: la ventana modal de confirmación de pago nunca recibe el foco, de modo que un usuario de lector de pantalla puede aprobar una transferencia sin oír jamás el importe. Ese único defecto, invisible para las herramientas automáticas, habría bastado para descartar la oferta.

Para qué sirven las WCAG

Responder a una exigencia contractual

Los concursos públicos y muchos grandes compradores exigen conformidad WCAG 2.1 o 2.2 nivel AA, acreditada.

Ampliar la audiencia real

Los criterios benefician mucho más allá de la discapacidad permanente: lectura al sol, una mano ocupada, conexión inestable, usuarios mayores.

Estructurar un design system

Codificar contraste, gestión del foco y etiquetas en los componentes compartidos hace automática la accesibilidad de las pantallas siguientes.

Reducir el riesgo jurídico

Para los organismos sujetos al SGQRI 008 o a la Ley canadiense de accesibilidad, la conformidad documentada es la única defensa útil.

Qué aportan las WCAG y cuáles son sus límites

  • Criterios verificables, que sustituyen el debate de opiniones sobre qué es «accesible»
  • Un referencial internacional estable, en el que las regulaciones se apoyan directamente
  • Beneficios colaterales reales: HTML mejor estructurado y por tanto mejor comprendido por las máquinas
  • Una progresión posible por niveles, sin exigir la perfección desde el primer día
  • La mayoría de los criterios no se automatiza: la prueba humana sigue siendo imprescindible
  • La conformidad formal no equivale a usabilidad real para una persona con discapacidad
  • El nivel AAA suele ser inalcanzable en un sitio completo
  • El contenido publicado a diario se degrada si ningún control editorial acompaña a lo técnico

WCAG y accesibilidad web: ¿cuál es la diferencia?

WCAGAccesibilidad web
NaturalezaUn referencial de criterios publicado por el W3CEl objetivo general: que la web sea utilizable por todos
AlcanceEl contenido web y las aplicaciones en navegadorTambién documentos, apps nativas, atención humana
UsoSe mide y se acredita, criterio a criterioSe constata en el uso, sin una rejilla única

Por qué es estratégico para su organización

Aproximadamente uno de cada cinco adultos declara una discapacidad en Canadá: un sitio inaccesible deja fuera, por tanto, una parte real de su mercado, y eso nunca aparece en sus estadísticas — esos visitantes se van sin dejar rastro aprovechable. A ello se suma el acceso a la contratación pública, donde la conformidad AA es cada vez más una condición de admisibilidad. Tratada en el diseño, la accesibilidad cuesta poco; añadida después sobre un sitio en producción, obliga a rehacer componentes ya replicados por todas partes.

Preguntas frecuentes

¿Qué versión de las WCAG hay que buscar hoy?

La 2.2, recomendación del W3C desde octubre de 2023. Es retrocompatible: un sitio conforme con la 2.2 lo es también con la 2.1 y la 2.0. Si un contrato aún menciona la 2.1, apuntar a la 2.2 lo satisface.

¿Basta con el nivel AA?

Sí en casi todos los casos. Es el nivel adoptado por las regulaciones y por los concursos. El AAA contiene criterios que el propio W3C no recomienda exigir en un sitio completo.

¿Puede una herramienta automática certificar la conformidad?

No. Los analizadores cubren una minoría de los criterios de éxito. Detectan errores reales, pero un sitio sin errores automáticos puede seguir siendo inutilizable con teclado o lector de pantalla.

¿Son obligatorias las WCAG para una empresa privada en Quebec?

No directamente: el SGQRI 008 se dirige a los organismos públicos. Una empresa privada sigue expuesta al riesgo comercial, a las exigencias de sus clientes y a las de los concursos a los que se presenta.

¿Ayuda la accesibilidad al posicionamiento?

Indirectamente, sí. Títulos jerarquizados, textos alternativos, etiquetas explícitas y HTML semántico ayudan también a los buscadores a entender el contenido. No es un factor de posicionamiento en sí mismo.

Términos relacionados

Fuentes y referencias

¿Necesita alcanzar el nivel AA en un sitio ya en producción o responder a la exigencia de un concurso?

Evaluar su accesibilidad
Glosario