Principios de accesibilidad y niveles de conformidad

  • 5 minutos

Las directrices estándar del sector WCAG para la accesibilidad a contenido web se organizan en torno a cuatro principios: Perceptible,Operable , Comprensible y Robusto. Para recordar estos principios, muchas personas usan el acrónimo POUR. Estos principios POUR universales proporcionan la base para la accesibilidad web y garantizan que personas con diversas necesidades y preferencias puedan acceder al contenido web.

Según World Wide Web Consortium (W3), cualquier persona que quiera usar la web debe tener contenido que incorpore los cuatro principios POUR. Veamos lo que significan:

  • Perceptible: la información y los componentes de la interfaz de usuario deben ser mostrados a los usuarios en formas que ellos puedan percibir. Esto significa garantizar que todos los usuarios puedan ver, oír o sentir todos los elementos de un diseño. Aunque es posible que muchos usuarios puedan entender visualmente, otros usuarios pueden percibir a través del sonido o el tacto. Es el momento en que herramientas como texto alternativo para imágenes y vínculos, color de contraste alto, subtítulos y transcripciones pueden ayudar.

  • Operable: Este principio exige que todos los componentes de la interfaz de usuario y la navegación sean operables, por lo que los usuarios deben poder utilizar correctamente los controles, botones, navegación y otros elementos interactivos. No todos pueden usar un mouse. Para muchos, poder ejecutar un sitio o una aplicación web significa usar tecnología de asistencia como reconocimiento de voz, teclados o lectores de pantalla.

  • Comprensible: Los usuarios deben poder comprender la información de un sitio web y cómo acceder y navegar por el sitio. Este principio exige que los sitios y las aplicaciones web sean predecibles en cuanto a los patrones de uso y diseño. Su lectura debe ser sencilla, y también debe poder navegarse por ellos con facilidad. Esto significa crear una jerarquía visual que resalte los encabezados y la estructura de contenido con instrucciones claras y navegación coherente. La capacidad de comprensión puede ser específica del contexto. Por ejemplo, un sitio web en el que se explica cómo completar una tarea de codificación compleja puede incluir información que sería comprensible para un desarrollador, pero que tal vez no lo sería para alguien sin conocimientos de programación.

  • Robusto: Este principio requiere que una amplia variedad de agentes de usuario puedan acceder al contenido, además de interpretarlo, de forma confiable, incluidas tecnologías de asistencia como lectores de pantalla, reconocimiento de voz y ampliación de texto. A medida que las tecnologías del agente avanzan y evolucionan, el contenido debe seguir siendo accesible en diferentes tipos de dispositivos y exploradores.

¿Cómo valora la accesibilidad de un sitio o una aplicación web?

Cada uno de los cuatro principios WCAG tiene directrices con recomendaciones específicas para el diseño y desarrollo web. Estas directrices se dividen aún más en criterios de éxito medibles y comprobables o instrucciones que definen los requisitos mínimos para la accesibilidad web.

Tres niveles de conformidad: A, AA y AAA

Este sistema de clasificación indica el nivel de cumplimiento y conformidad con las directrices de accesibilidad, siendo A el nivel mínimo y AAA el nivel de cumplimiento máximo. El nivel de accesibilidad recomendado para la mayoría del contenido web es el nivel de accesibilidad intermedio AA.

Los niveles son acumulativos, lo que significa que el contenido web de nivel intermedio AA también debe cumplir todos los criterios de éxito de nivel A mínimos, mientras que el contenido AAA también debe cumplir los criterios de éxito tanto para el nivel A como para AA.

Comparación de los niveles de conformidad con el principio de accesibilidad web

Vamos a comparar los tres niveles de conformidad mediante la revisión de algunos criterios de éxito de ejemplo para cada uno de los principios de accesibilidad web POUR.

Perceptible

  • R: Proporcionar alternativas de texto para contenido no textual (por ejemplo, imágenes, audio y vídeo)
  • AA: Proporcionar subtítulos para contenido de audio en directo (por ejemplo, seminarios web, podcasts y difusiones)
  • AAA: Proporcionar interpretación en lengua de signos para audio previamente grabado (por ejemplo, vídeos, animaciones y presentaciones)

Operable

  • R: Hacer que toda la funcionalidad esté disponible en un teclado (por ejemplo, vínculos, botones y formularios).
  • AA: Proporcionar tiempo suficiente para leer y usar contenido (por ejemplo, permitir el ajuste o la ampliación de límites temporales).
  • AAA: Proporcionar la opción de volver a autenticarse sin perder datos (por ejemplo, guardar progreso o continuar más adelante).

Comprensible

  • R: Hacer que los sitios aparezcan y funcionen de forma predecible (por ejemplo, con mecanismos de comentarios y navegación coherentes).
  • AA: Hacer que el texto sea legible y comprensible (por ejemplo, usar un lenguaje claro y sencillo; definir palabras desconocidas).
  • AAA: Proporcionar una manera de expandir las abreviaturas (por ejemplo, mediante el elemento <abbr> o proporcionando un glosario).

Sólido

  • R: Maximizar la compatibilidad con los agentes de usuario futuros (por ejemplo, usar marcado válido y bien formado; seguir estándares).
  • AA: Proporcionar el nombre, el rol y el valor para todos los componentes de la interfaz de usuario (UI), mediante los atributos y elementos HTML adecuados o los roles y propiedades WAI-ARIA*.
  • AAA: Proporcionar el propósito y significado de los componentes de UI (por ejemplo, mediante los puntos de referencia y etiquetas WAI-ARIA).

*(WAI-ARIA): Iniciativa de accesibilidad web: estándar Aplicaciones de Internet enriquecidas y accesibles.