100 puntos a saber sobre...
Accesibilidad digital

Los 78 criterios de éxito de WCAG 2.1 se dividen en tres niveles de conformidad: A, AA y AAA.

Los niveles de conformidad difieren en función de lo difícil que sea alcanzarlos. Es mucho más fácil que su proyecto digital se ajuste al nivel A que a AAA. ¡Alcanzar cualquiera de los tres niveles de conformidad requiere que cumpla con todos los criterios de éxito de ese nivel!

Apliquemos un enfoque más práctico para aprender los niveles de conformidad. Usaremos un ejemplo de cómo una página web puede ajustarse a los criterios de éxito relacionados con el color y el texto.

Primero, comenzaremos en el nivel de conformidad de accesibilidad web más fácil, el nivel A. Los criterios de éxito relacionados con el color y el texto para alcanzar el nivel de conformidad A incluyen:

• El color no es el único medio de transmitir información.

• La página tiene un título de página útil y claro.
• El propósito de cada enlace es claro a partir de su contexto.

Ahora, mira la imagen de una página web a continuación (Imagen 1).

Imagen 1:
[imagen]https://thegoodmanager.eu/wordpress/wp-content/uploads/2022/10/imagen1-1.png[/image]

Al examinar la Imagen 1, podemos deducir que no cumple con los criterios de éxito para alcanzar el nivel de conformidad A para el texto y el color.

Entonces, ¿cómo se ve una página web compatible con el nivel A? Consulte la Imagen 2 a continuación.

Imagen 2:
[imagen]https://thegoodmanager.eu/wordpress/wp-content/uploads/2022/10/imagen2-1.png[/image]

La Imagen 2 es una versión mejorada de la página web de la Imagen 1 porque cumple con los tres criterios de éxito mencionados anteriormente. Esto significa que ahora es compatible con el nivel A para texto y color.

Sin embargo, la política general vigente hoy en día, compartida y aplicada tanto por las empresas como por la ley, es un nivel de conformidad de AA. Por lo tanto, el nivel A es solo el primer paso en la conformidad de la accesibilidad web.

Los criterios de éxito relacionados con el color y el texto para el nivel de conformidad AA incluyen:

• La relación de contraste entre el texto y el fondo es de al menos 4.5: 1 (para ayudar a determinar el contraste de color, usa las herramientas mencionadas en el punto 91: de la Noción 13).
• Alto contraste entre los botones de la interfaz de usuario y el fondo está presente.
• Uso de encabezados y etiquetas claras.

Al volver a la página web en la Imagen 2, podemos concluir que no cumple con los requisitos de nivel AA con respecto al texto y el color accesibles.

La imagen 3 a continuación es otra mejora de la página web

Imagen 3:
[imagen]https://thegoodmanager.eu/wordpress/wp-content/uploads/2022/10/imagen3-1.png[/image]

No sólo se aplicaron los tres primeros criterios de éxito del nivel A, sino que también se cumplió con los tres criterios de éxito del nivel AA. Esto significa que ahora se puede considerar compatible con el nivel AA con respecto al texto y el color.

Aun así, la accesibilidad de la página web se puede mejorar aún más. Los criterios de éxito relacionados con el color y el texto para el nivel de conformidad AAA incluyen:

• La relación de contraste entre el texto y el fondo es de al menos 7:1.
• Proporcionar ayuda e instrucciones detalladas.
• Explicar cualquier abreviatura y palabras extrañas.

La imagen final, la Imagen 4, muestra la misma página web que ahora cumple con todos los criterios de éxito mencionados relacionados con el texto y el color de los niveles A, AA y AAA, lo que la hace compatible con el nivel AAA.

Imagen 4:

En la práctica, no es fácil alcanzar el nivel de conformidad AAA, por lo que no es una obligación legal o comercial. El cumplimiento del nivel AAA generalmente se logra mediante sitios web que se especializan en concientización o servicios de discapacidad.

Para ver la lista completa de criterios de éxito y cómo se dividen entre los tres niveles de conformidad, visita:

Web Content Accessibility Guidelines (WCAG) 2.1: https://www.w3.org/TR/WCAG21/