Cómo leer un criterio y qué significa conformidad

Saber leer un criterio de conformidad es la habilidad básica de cualquier persona que trabaje con las WCAG: diseñadora, desarrollador, redactora o auditora. Cada criterio tiene una estructura fija, con un enunciado preciso y, a menudo, excepciones que cambian por completo su aplicación. En esta lección diseccionamos tres criterios muy usados y, después, explicamos qué significa realmente «conformar» con las WCAG.

La anatomía de un criterio

Todo criterio presenta: número y nombre, nivel, enunciado normativo (lo único que se evalúa), excepciones o notas, y enlaces a Understanding (intención, beneficios, ejemplos) y a las técnicas. Fíjate en que el enunciado está redactado para que pueda responderse con «verdadero» o «falso» sobre un contenido concreto.

1.1.1 Contenido no textual (nivel A)

Enunciado: todo contenido no textual que se presenta al usuario tiene una alternativa textual que cumple el mismo propósito, salvo en las situaciones siguientes. Y ahí vienen las excepciones, que son la parte que más se olvida:

• Controles y entrada de datos: basta un nombre que describa su propósito (lo regula 4.1.2).
• Medios tempodependientes: basta una alternativa que los identifique; el contenido completo lo cubre la pauta 1.2.
• Pruebas o ejercicios que serían inválidos en texto: alternativa que identifique el contenido.
• Experiencia sensorial (una obra musical, un cuadro): alternativa que lo identifique.
• CAPTCHA: alternativa que explique su propósito y formas alternativas con otras modalidades sensoriales.
• Decoración, formato o contenido invisible: debe implementarse de modo que las tecnologías de apoyo lo ignoren, por ejemplo con alt="".

<!-- Informativa: alternativa con el mismo propósito -->
<img src="firma.png" alt="Firma manuscrita de la alcaldesa">

<!-- Decorativa: alt vacío para que se ignore (excepción) -->
<img src="adorno.png" alt="">

<!-- Funcional: la alternativa describe la función, no la imagen -->
<a href="/"><img src="logo.svg" alt="Inicio, Ayuntamiento de Lorca"></a>

Observa que «la misma finalidad» no significa «describir la imagen». Un icono de lupa dentro de un botón de búsqueda no se describe como «lupa»: su alternativa es «Buscar».

1.4.3 Contraste (mínimo) (nivel AA)

Enunciado: la presentación visual del texto y de las imágenes de texto tiene una relación de contraste de al menos 4,5:1, con estas excepciones:

• Texto grande: al menos 3:1. «Grande» significa 18 puntos (unos 24 píxeles) o 14 puntos en negrita (unos 18,7 píxeles).
• Texto incidental: texto de componentes inactivos, decoración pura, no visible o parte de una imagen con otro contenido visual significativo. No tiene requisito.
• Logotipos: el texto que forma parte de un logotipo o nombre de marca no tiene requisito.

La relación de contraste se calcula a partir de la luminancia relativa de los dos colores y se mide con herramientas. Las excepciones importan: un botón deshabilitado en gris claro no incumple 1.4.3, pero el texto de un marcador de posición (placeholder) sí debe cumplirlo, porque no es incidental.

2.4.7 Foco visible (nivel AA)

Enunciado: toda interfaz de usuario operable por teclado tiene un modo de funcionamiento en el que el indicador del foco de teclado es visible. Es un criterio breve pero con implicaciones:

• «Un modo de funcionamiento»: basta con que exista un modo en el que el foco se vea; el indicador por defecto del navegador cumple, siempre que no se haya eliminado con CSS.
• No fija cuánto debe verse: eso lo hace 2.4.13 Apariencia del foco (AAA), nuevo en 2.2. En AA solo se exige que sea visible.
• Se complementa con 2.4.11 Foco no oculto (mínimo) (AA): el elemento con foco no debe quedar completamente tapado por otro contenido, como una cabecera fija o un banner de cookies.

Además de las excepciones, fíjate en las palabras enlazadas del enunciado: remiten al glosario, que también es normativo y que estudiarás en la lección siguiente.

Qué significa «conformidad»

Decir que un sitio «cumple las WCAG 2.2 nivel AA» tiene un significado preciso. Las WCAG definen cinco requisitos de conformidad que deben cumplirse a la vez:

1. Nivel de conformidad: se cumplen todos los criterios del nivel declarado (y de los inferiores), o se ofrece una versión alternativa conforme.
2. Páginas completas: la conformidad es de la página entera. No se puede excluir una parte («todo es accesible menos el mapa»). Si una parte de la página no cumple, la página no cumple.
3. Procesos completos: si una página forma parte de un proceso (comprar, registrarse, pedir cita), todas las páginas del proceso deben cumplir. Una tienda cuya ficha de producto es accesible pero cuyo pago no lo es, no es conforme.
4. Uso de tecnologías compatibles con la accesibilidad: solo se puede confiar, para cumplir, en tecnologías que funcionan con los navegadores y tecnologías de apoyo que usan las personas.
5. No interferencia: aunque se use una tecnología no compatible (por ejemplo, un visor 3D experimental), no debe impedir el acceso al resto de la página. Cuatro criterios aplican siempre a todo el contenido, incluso al no conforme: 1.4.2 Control del audio, 2.1.2 Sin trampas para el foco del teclado, 2.3.1 Umbral de tres destellos o menos y 2.2.2 Poner en pausa, detener, ocultar.

Las WCAG no obligan a declarar nada; la obligación de publicar una declaración de accesibilidad viene de la legislación (RD 1112/2018 (PDF, se abre en una ventana nueva)), que verás en el curso N1-C4 «Marco legal esencial».

Resumen

• Un criterio tiene número, nombre, nivel, un enunciado comprobable y, a menudo, excepciones que cambian su aplicación.
• 1.1.1: alternativa con el mismo propósito; decorativas con alt=""; funcionales describen la función.
• 1.4.3: 4,5:1 para texto normal, 3:1 para texto grande; excepciones para texto incidental y logotipos.
• 2.4.7: debe existir un modo en el que el foco sea visible; se complementa con 2.4.11 y, en AAA, con 2.4.13.
• Conformidad: nivel, página completa, proceso completo, tecnologías compatibles y no interferencia. No existe el cumplimiento parcial.