El vocabulario de las WCAG: términos del glosario que cambian un criterio

En la lección anterior viste que leer un criterio exige atender a sus excepciones. Hay una segunda capa de letra pequeña que suele pasar desapercibida: muchas palabras de los criterios, como «mecanismo», «cambio de contexto» o «esencial», aparecen enlazadas en el estándar porque tienen una definición precisa en el glosario. Esa definición no es una ayuda opcional: decide si algo cumple o no. En esta lección repasamos los términos que más cambian la lectura de los criterios A y AA.

Por qué el glosario importa tanto

El glosario forma parte del texto normativo de las WCAG 2.2, igual que los criterios. Cuando un criterio usa una palabra definida, hay que leerla con su significado del glosario, no con el del diccionario. Por eso dos profesionales que leen el mismo criterio pueden llegar a conclusiones distintas: uno ha consultado la definición y el otro no.

En la versión oficial en línea (glosario de WCAG 2.2), los términos definidos aparecen como enlaces dentro del criterio. Pulsa cada término enlazado al menos la primera vez que leas un criterio.

De qué hablamos: página, conjunto de páginas y proceso

Página web: un recurso que se obtiene de una única dirección (URI) junto con todo lo que se usa para mostrarlo: imágenes, hojas de estilo, scripts, vídeos incrustados. El glosario pone un ejemplo revelador: una aplicación de correo web que vive en una sola dirección y muestra bandeja de entrada, contactos y calendario se considera una sola página web. Consecuencia práctica: en una aplicación de una sola página (single page application, SPA, la que cambia de vista sin recargar), todos sus estados y vistas forman parte de esa «página completa» que exige la conformidad.

Conjunto de páginas web: páginas que comparten un propósito y que ha creado el mismo autor, grupo u organización. Es el ámbito de los criterios de coherencia: 2.4.5 Múltiples vías, 3.2.3 Navegación coherente, 3.2.4 Identificación coherente y 3.2.6 Ayuda coherente. La web de un ayuntamiento es un conjunto; la sede electrónica gestionada con otra plataforma puede ser otro.

Proceso: una serie de acciones del usuario en la que cada una es necesaria para completar una actividad, como pedir cita o pagar una tasa. Es el ámbito del requisito de procesos completos y de 3.3.7 Entrada redundante.

Cómo llega la información: determinado por software, nombre y etiqueta

Determinado por software (programmatically determined): que el software puede obtenerlo a partir de lo que el autor ha puesto en el código, de forma que los navegadores y las tecnologías de apoyo lo extraigan y lo presenten de otro modo (voz, braille, otra maquetación). Lo exigen, entre otros, 1.3.1, 1.3.5, 3.1.1, 3.1.2 y 4.1.2. Que algo «se vea» no significa que esté determinado por software.

Etiqueta y nombre no son lo mismo. La etiqueta es el texto (o el componente con alternativa textual) que se muestra a la persona para identificar un control. El nombre es el texto con el que el software identifica ese control ante el usuario: lo que anuncia el lector de pantalla. Lo ideal es que coincidan; 2.5.3 Etiqueta en el nombre exige, como mínimo, que el nombre contenga el texto visible, porque quien usa control por voz dice lo que ve.

<!-- Incorrecto: la etiqueta se ve, pero no está asociada (1.3.1, 4.1.2) -->
<span>Correo electrónico</span>
<input type="email">

<!-- Incorrecto: el nombre no contiene el texto visible (2.5.3) -->
<button aria-label="Iniciar consulta">Buscar</button>

<!-- Correcto: etiqueta asociada y nombre igual al texto visible -->
<label for="correo">Correo electrónico</label>
<input type="email" id="correo" autocomplete="email">
<button>Buscar</button>

Interfaz de teclado: la interfaz que usa el software para recibir pulsaciones de teclas. 2.1.1 Teclado no habla del teclado físico, sino de esa interfaz, que también usan los pulsadores, los teclados en pantalla y muchos programas de control por voz. Por eso cumplir 2.1.1 beneficia a mucha más gente que a quien usa teclado.

Términos que abren o cierran excepciones

Esencial: algo es esencial si, al quitarlo, cambiaría de forma fundamental la información o la función del contenido, y no hay otra forma conforme de conseguirlo. Es un listón alto. Una firma manuscrita escaneada es esencial como imagen de texto (1.4.5); un titular en imagen «porque queda más bonito» no lo es. Un juego de piano en pantalla puede requerir una orientación concreta; un formulario de contacto, no (1.3.4).

Mecanismo: proceso o técnica para conseguir un resultado. El glosario aclara que puede ofrecerlo el propio contenido o el navegador y las tecnologías de apoyo. Por eso 1.4.4 Cambio de tamaño del texto puede cumplirse con el zoom del navegador, siempre que la página no lo impida. Pero ojo: el mecanismo también debe cumplir los criterios del nivel declarado. Un botón de pausa para un carrusel (2.2.2) que no se puede usar con teclado no sirve.

Texto grande y píxel CSS: el primero fija el umbral de 1.4.3 Contraste (mínimo) (18 puntos, o 14 puntos en negrita); el segundo es la unidad de 1.4.10 Reajuste de los elementos (320 píxeles CSS de ancho) y 2.5.8 Tamaño del objetivo (mínimo) (24 por 24). Un píxel CSS no es un píxel físico de la pantalla: es una unidad de referencia que el navegador escala según la densidad de la pantalla y la distancia de visión habitual, de modo que 24 píxeles CSS tienen un tamaño aparente parecido en un móvil de alta densidad y en un monitor.

Comportamiento: cambio de contexto y mensaje de estado

Cambio de contexto: cambios importantes que, si se producen sin que la persona lo espere, la desorientan. El glosario los concreta: cambios de agente de usuario (se abre otra aplicación), de ventana (se abre una pestaña nueva), de foco (el foco salta solo a otro sitio) o de contenido que cambia el significado de la página (se envía un formulario, se carga otra página). Y añade una nota clave: un cambio de contenido no siempre es un cambio de contexto. Desplegar un acordeón o mostrar campos nuevos al marcar una casilla cambia el contenido, pero no el contexto, así que no incumple 3.2.1 ni 3.2.2.

Mensaje de estado: un cambio de contenido que no es un cambio de contexto y que informa del resultado de una acción («Añadido a la cesta»), de una espera («Cargando»), del progreso de un proceso («Paso 2 de 4») o de la existencia de errores («Hay 3 errores en el formulario»). Si encaja en esta definición, 4.1.3 exige que se anuncie a las tecnologías de apoyo sin mover el foco.

Otros términos que conviene reconocer

Resumen

• El glosario es normativo: los términos enlazados en un criterio se leen con su definición oficial.
• Una página web incluye todos sus recursos y estados; en una SPA, todas sus vistas.
• «Determinado por software» significa que está en el código, no solo en pantalla; nombre y etiqueta son cosas distintas.
• «Esencial» es un listón alto y «mecanismo» puede aportarlo el navegador, pero debe ser accesible.
• Un cambio de contenido no siempre es un cambio de contexto; los mensajes de estado se anuncian sin mover el foco.