Las WCAG

Las WCAG (Web Content Accessibility Guidelines) son las pautas de accesibilidad para el contenido web del W3C. Son la referencia mundial: no son una ley, pero las leyes de accesibilidad de medio mundo, incluida la española, remiten a ellas a través de normas técnicas. Están pensadas para ser comprobables y para no depender de una tecnología concreta.

Se organizan en cuatro capas, de lo más general a lo más concreto. Distinguirlas importa porque solo una de ellas es normativa y verificable.

1. 1Principios: los cuatro fundamentos de la accesibilidad. Son la capa conceptual y no se comprueban directamente.
2. 2Pautas: los objetivos básicos que los autores deben perseguir dentro de cada principio. Tampoco se verifican por sí mismas.
3. 3Criterios de conformidad: enunciados comprobables, con un resultado de cumple o no cumple, y con un nivel asignado (A, AA o AAA). Son la única capa normativa.
4. 4Técnicas: formas conocidas de cumplir un criterio, documentadas por el W3C. Son informativas: hay técnicas suficientes y técnicas recomendables, y se puede cumplir el criterio de otra manera.

Las versiones son compatibles hacia atrás: quien cumple WCAG 2.2 cumple también 2.1 y 2.0. WCAG 2.1 añadió la pauta de modalidades de entrada y criterios pensados para móvil, baja visión y discapacidad cognitiva; WCAG 2.2 añadió nueve criterios más y retiró uno. El catálogo de técnicas, que es aparte y se actualiza continuamente, supera las quinientas.

Solo los criterios de conformidad son normativos y verificables. Principios y pautas ordenan; las técnicas orientan. Una página no incumple una técnica: incumple un criterio.

Los cuatro principios son los fundamentos de la accesibilidad web y no han cambiado desde WCAG 2.0. Se enuncian siempre en el mismo orden y hay que saberlos de memoria, porque el examen los pregunta tal cual o los mezcla con los principios de UAAG.

1. 1Perceptible: la información y los componentes de la interfaz deben presentarse de forma que las personas puedan percibirlos, con algún sentido disponible. Si algo solo se transmite por la vista o solo por el oído, alguien se queda fuera.
2. 2Operable: los componentes de la interfaz y la navegación deben poder manejarse. Nadie puede quedar bloqueado por depender del ratón, por un tiempo límite o por una animación que no se puede detener.
3. 3Comprensible: la información y el funcionamiento de la interfaz deben entenderse. Incluye el lenguaje del texto, que la página no se comporte de forma sorprendente y que ayude a corregir errores.
4. 4Robusto: el contenido debe ser lo bastante sólido como para que lo interpreten correctamente una gran variedad de agentes de usuario, incluidas las tecnologías de apoyo, y para que lo sigan interpretando cuando esos programas evolucionen.

Una forma cómoda de recordarlos: los tres primeros miran a la persona (percibir, manejar y entender) y el cuarto mira a la máquina que interpreta el contenido. En inglés se abrevian POUR, por perceivable, operable, understandable y robust.

Cuidado con el enunciado del cuarto: el principio es «robusto», y algunas opciones lo cambian por «seguro», «escalable» o «disponible». Y son cuatro principios, no cinco: los cinco son los de UAAG.

El principio perceptible se despliega en cuatro pautas. Alternativas textuales: todo contenido que no sea texto necesita una alternativa textual equivalente, porque el texto es el único formato que se puede transformar automáticamente en voz, braille, símbolos o letra grande. Medios tempodependientes: los contenidos de audio y vídeo necesitan alternativas sincronizadas, es decir, subtítulos, transcripción y audiodescripción según el caso.

Adaptable: el contenido debe poder presentarse de otras formas sin perder información ni estructura, lo que en la práctica significa que la estructura esté en el marcado y no solo en el aspecto (encabezados de verdad, tablas con sus cabeceras, etiquetas asociadas a los campos). Distinguible: hay que facilitar ver y oír el contenido, separando lo principal del fondo, con contraste suficiente, sin depender solo del color y sin audio que se reproduzca automáticamente.

<!-- Mal: el lector de pantalla acaba leyendo el nombre del archivo. -->
<img src="/img/aciertos-tema-8.png">

<!-- Bien: la alternativa cuenta lo que dice el gráfico, no cómo es. -->
<img src="/img/aciertos-tema-8.png"
     alt="Aciertos en el tema 8: del 54 % en el primer intento al 78 % en el cuarto.">

<!-- Imagen decorativa: alternativa vacía para que el lector la ignore. -->
<img src="/img/filete-decorativo.svg" alt="">

El principio operable tiene cinco pautas. Accesible por teclado: toda la funcionalidad debe poder usarse solo con el teclado y sin quedar atrapado en ningún componente. Tiempo suficiente: hay que dar tiempo bastante para leer y usar el contenido, y permitir ampliar o desactivar los límites. Convulsiones y reacciones físicas: no se debe diseñar contenido que pueda provocar crisis, lo que descarta los destellos por encima de cierto umbral.

Navegable: hay que ofrecer medios para navegar, localizar contenido y saber dónde se está, con títulos de página, encabezados, enlaces con texto significativo, foco visible y enlaces para saltar bloques repetidos. Modalidades de entrada: hay que facilitar el uso con métodos de entrada distintos del teclado, como el puntero táctil, los gestos o el movimiento del dispositivo.

La pauta de modalidades de entrada es de WCAG 2.1: es la número trece y la que explica por qué 2.0 tiene doce pautas y 2.1 tiene trece.

El principio comprensible tiene tres pautas. Legible: el contenido textual debe ser legible y comprensible, lo que empieza por declarar el idioma de la página y el de los fragmentos que estén en otro idioma, para que el sintetizador de voz no lea inglés con fonética española, y sigue por explicar abreviaturas y términos raros.

Predecible: las páginas deben aparecer y funcionar de forma previsible. Nada de cambios de contexto sin avisar, como enviar un formulario solo por seleccionar una opción de una lista, o mover la navegación de sitio de una página a otra. Asistencia a la entrada de datos: hay que ayudar a evitar errores y a corregirlos, con etiquetas e instrucciones claras, mensajes que digan qué campo falla y por qué, y confirmación o reversibilidad en las acciones importantes.

El principio robusto tiene una sola pauta, compatible: hay que maximizar la compatibilidad con los agentes de usuario actuales y futuros, incluidas las tecnologías de apoyo. En la práctica se traduce en que todo componente de interfaz exponga correctamente su nombre, su función y su estado, que es justo el terreno de ARIA, y en que los mensajes de estado se comuniquen sin robar el foco.

Robusto es el principio con menos contenido: una sola pauta. Si una opción del test le atribuye varias, sospeche.

Los criterios se citan siempre con tres números: el del principio, el de la pauta y el del criterio. Saber la numeración de las pautas permite situar cualquier criterio que aparezca en un enunciado sin haberlo memorizado.

WCAG 2.2 añade nueve criterios de conformidad, casi todos sobre el foco del teclado, la interacción táctil y la ayuda al usuario: que el elemento con el foco no quede tapado por barras u otros elementos flotantes, que la apariencia del foco sea suficientemente visible, que toda acción de arrastre tenga una alternativa con una sola pulsación, que los objetivos táctiles tengan un tamaño mínimo, que la ayuda aparezca siempre en el mismo sitio, que no haya que reintroducir datos ya facilitados en el mismo proceso, y que la autenticación no dependa de una prueba cognitiva como recordar o transcribir algo.

Y retira un criterio, el 4.1.1, que exigía que el código estuviera bien formado (etiquetas correctamente cerradas y anidadas, identificadores únicos). Se eliminó por obsoleto: hoy los navegadores y las tecnologías de apoyo interpretan el marcado mal formado de la misma manera, así que el criterio ya no protegía de nada. Es el único criterio retirado en toda la historia de las WCAG 2.

De los nueve criterios nuevos de WCAG 2.2, dos son de nivel A, cuatro de nivel AA y tres de nivel AAA. Junto con la retirada del 4.1.1, dejan el total en 86 criterios.