WCAG 2.2: Avanzando hacia una web más inclusiva

La web es un espacio en constante evolución, y con ella, las directrices y normativas que buscan hacerla más accesible para todos. Es por ello que el World Wide Web Consortium (W3C) ha lanzado la versión 2.2 de las Web Content Accessibility Guidelines (WCAG), y hoy quiero compartir con vosotros las novedades más destacadas y su relevancia en el diseño y desarrollo web.

¿Qué son las WCAG 2.2?

Las WCAG 2.2 son una serie de recomendaciones diseñadas para hacer el contenido web más accesible, especialmente para aquellas personas con discapacidades. Estas directrices abordan la accesibilidad del contenido web en dispositivos de escritorio, portátiles, tablets y móviles. 

Al seguir estas pautas, no solo estamos mejorando la experiencia para los usuarios con discapacidades, sino que también estamos optimizando la usabilidad para todos los usuarios en general.

WCAG 2.2 y sus antecesores

Es importante destacar que WCAG 2.2 amplía las Web Content Accessibility Guidelines 2.1, publicadas en junio de 2018. Esto significa que el contenido que cumple con WCAG 2.2 también cumple con WCAG 2.0 y 2.1. Sin embargo, el W3C recomienda el uso de WCAG 2.2 para maximizar la aplicabilidad futura de los esfuerzos de accesibilidad.

Novedades en WCAG 2.2

El principal objetivo de WCAG 2.2 ha sido mejorar la accesibilidad para tres grupos principales: usuarios con discapacidades cognitivas o de aprendizaje, usuarios con baja visión y usuarios con discapacidades en dispositivos móviles. Aunque se propusieron y evaluaron muchas formas de satisfacer estas necesidades, se refinó un conjunto de criterios de éxito que ahora están incluidos en esta versión.

Estos son algunos de los nuevos criterios de éxito y recomendaciones que se han incluido en esta versión: 

• Criterio de éxito 2.4.13: Indicador de enfoque (AAA): Este criterio busca garantizar que los usuarios puedan mantener el enfoque en la tarea actual sin distracciones innecesarias, lo cual es beneficioso para personas con trastornos de atención o discapacidades cognitivas. Los píxeles cambian para indicar visualmente cuando un componente de la interfaz de usuario está en un estado enfocado. El indicador de enfoque cumple con todo lo siguiente:
  • Es al menos tan grande como el área de un perímetro de 2 píxeles CSS de espesor del componente o subcomponente desenfocado
  • Tiene una relación de contraste de al menos 3:1 entre los mismos píxeles en los estados enfocado y desenfocado.
• Criterio de éxito 3.2.6: Información Consistente (A): Asegura que la información se presente de manera coherente en diferentes páginas, ayudando a los usuarios con discapacidades cognitivas a comprender y navegar el contenido de manera efectiva. Si una página web contiene cualquiera de los siguientes mecanismos de ayuda, y esos mecanismos se repiten en varias páginas web dentro de un conjunto de páginas web, ocurren en el mismo orden en relación con el contenido de otras páginas, a menos que el usuario inicie un cambio:
  • Detalles de contacto humano
  • Mecanismo de contacto humano
  • Opción de autoayuda
  • Un mecanismo de contacto totalmente automatizado

• Criterio de éxito 2.5.8: Tamaño objetivo (AA): Los objetivos que permiten seleccionar valores espacialmente en función de la posición dentro del objetivo se consideran un objetivo a los efectos del criterio de éxito. Los ejemplos incluyen controles deslizantes, selectores de color que muestran un degradado de colores o áreas editables donde coloca el cursor. El tamaño del objetivo para las entradas de puntero es de al menos 24 por 24 píxeles CSS , excepto cuando:
  • Espaciado: los objetivos de tamaño insuficiente (aquellos de menos de 24 por 24 píxeles CSS) se colocan de modo que si un círculo de 24 píxeles de diámetro CSS está centrado en el cuadro delimitador de cada uno, los círculos no se cruzan con otro objetivo o el círculo de otro objetivo de tamaño insuficiente.
  • Equivalente: La función se puede lograr a través de un control diferente en la misma página que cumpla con este criterio.
  • En línea: el destino está en una oración o su tamaño está limitado por el alto de línea del texto que no es el destino.
  • Control del agente de usuario: el tamaño del objetivo lo determina el agente de usuario y el autor no lo modifica.
  • Esencial: Una presentación particular del objetivo es esencial o es legalmente requerida para la información que se transmite.
• Criterio de éxito 3.3.8: Autenticación accesible (mínimo) (AA): No se requiere una prueba de función cognitiva (como recordar una contraseña o resolver un acertijo) para ningún paso de un proceso de autenticación a menos que ese paso proporcione al menos uno de los siguientes:
  • Alternativa: Otro método de autenticación que no depende de una prueba de función cognitiva.
  • Mecanismo: Hay un mecanismo disponible para ayudar al usuario a completar la prueba de función cognitiva.
  • Reconocimiento de objetos: La prueba de función cognitiva consiste en reconocer objetos.
  • Contenido personal: La prueba de función cognitiva tiene como objetivo identificar el contenido no textual que el usuario proporcionó al sitio web.

Si quieres saber más sobre las WCAG 2.2, actualizadas el 5 de octubre de 2023, puedes leer más aquí:

• Web Content Accessibility Guidelines 2.2

La accesibilidad web es una responsabilidad compartida y un compromiso hacia una web más inclusiva. Las directrices WCAG 2.2 nos ofrecen herramientas y recomendaciones para avanzar en este camino.

Desde Torresburriel Estudio, animamos a diseñadores, desarrolladores y responsables de contenido a familiarizarse con estas directrices y a implementarlas en sus proyectos. Juntos, podemos construir una web que sea verdaderamente para todos.