El trabajo de accesibilidad suele llegar como una demanda de otra parte: una queja, un cuestionario para clientes, un formulario de adquisiciones con una casilla que dice WCAG 2.1 AA. Rara vez viene con una explicación de lo que el estándar realmente exige.
Aquí está la versión corta y lo que cambia en un sitio web comercial normal.
La pregunta de la versión importa menos de lo que parece
WCAG 2.2 se convirtió en el estándar del W3C el 5 de octubre de 2023 y sustituye a la versión 2.1. Pero la 2.1 sigue siendo la versión establecida por ley, incluida la norma del Departamento de Justicia para las agencias públicas.
Eso suena como un conflicto. No lo es, porque 2.2 es compatible hacia atrás. Todos los criterios A y AA de la versión 2.1 se transfieren a la 2.2, con una excepción: 4.1.1 Análisis sintáctico se eliminó por considerarse obsoleto, ya que los navegadores y las tecnologías de asistencia ahora manejan por sí solos el código mal formado. No es necesario hacer nada respecto a esa eliminación.
Así que construya para 2.2 AA. Satisface el nivel 2.1 AA automáticamente y no hay desventaja de cumplimiento por estar una versión adelante.
WCAG 3.0 sigue siendo un borrador de trabajo. No se proyecta una recomendación de candidato antes de finales de 2027, y se espera que coexista con la versión 2.2 en lugar de reemplazarla. No planifique en torno a esto.
Si ya cumples con el 2.1, solo seis criterios son nuevos
WCAG 2.2 agregó nueve criterios de éxito. Tres son de Nivel AAA, que casi a nadie se los piden. Eso deja seis que importan:
- 2.4.11 Enfoque no oculto (AA). Cuando alguien navega con la tecla Tabulador hasta un elemento, este no debe quedar completamente oculto detrás de algo que hayas colocado en la página.
- 2.5.7 Movimientos de arrastre (AA). Todo lo que se pueda hacer arrastrando debe tener una forma de hacerlo con un solo toque o clic.
- 2.5.8 Tamaño de objetivo (AA). Objetivos de al menos 24 por 24 píxeles CSS, o separados lo suficiente como para que un círculo de 24 píxeles en uno no toque el siguiente.
- 3.3.8 Autenticación accesible (AA). Ningún paso de inicio de sesión que requiera memorizar, transcribir o resolver un acertijo, a menos que haya otra forma de acceder.
- 3.2.6 Ayuda consistente (A). Si ofreces ayuda, aparece en el mismo lugar relativo en cada página.
- 3.3.7 Entrada redundante (A). No solicite la misma información dos veces en un solo proceso.
Lee esos de nuevo y nota lo ordinarios que son. Ninguno de ellos trata sobre lectores de pantalla específicamente. Tratan de no hacer que la gente haga trabajo innecesario.
El nuevo criterio que casi todos reprueban es el 2.4.11
Focus Not Obscured es el criterio agregado en la versión 2.2 que se incumple con más frecuencia, y la causa es casi siempre la misma: cabecera fija o un aviso de cookies sentado sobre el campo al que un usuario de teclado acaba de tabular.
El campo tiene el foco. El navegador lo ha desplazado a la vista. La barra fija lo está cubriendo. La persona no puede ver dónde está escribiendo.
Puedes probarlo en un minuto. Abre un formulario largo en tu propio sitio web, aparta el ratón y presiona Tab repetidamente hasta el final. Observa si el campo enfocado desaparece alguna vez debajo del encabezado. Si tu aviso de cookies todavía se muestra, déjalo ahí, porque eso es lo que ve un visitante por primera vez.
Cuatro revisiones que puedes hacer en tu propio sitio web hoy
- Solo teclado. Navega por una página usando la tecla Tab. Todos los enlaces y botones deben ser accesibles, el contorno de enfoque siempre debe ser visible y el orden debe coincidir con lo que ves en la pantalla.
- Ampliar al 200 por ciento. Nada debe cortarse y nada debe obligarte a desplazarte hacia los lados.
- Activar movimiento reducido en la configuración de su sistema operativo. Las animaciones y los efectos al pasar el cursor deben detenerse.
- Verificar un formulario. Cada campo necesita una etiqueta real, no solo texto de marcador de posición gris que desaparece cuando empiezas a escribir.
Ninguno de estos necesita una herramienta ni un presupuesto. Encontrarán más de lo que hace un escáner, lo cual es tema de otro artículo.
Dónde se ubica esto en un proyecto real
La accesibilidad es más barata cuando forma parte de la construcción. El contraste, los estilos de enfoque, los tamaños de los elementos interactivos y la estructura de los encabezados son decisiones que se toman una sola vez en un sistema de diseño y que heredan todas las páginas posteriores. Adaptar las mismas cosas en doscientas páginas existentes es un trabajo diferente con un precio diferente.
Si va a crear un nuevo sitio, solicite el nivel 2.2 AA por escrito y pregunte cómo se verificará. Si ya tiene un sitio, comience con las cuatro verificaciones anteriores y vea qué resulta.
Fuentes: W3C, Novedades en las WCAG 2.2 y el Recomendación WCAG 2.2.