5 min de lectura

CPACC - Modulo 7: accesibilidad web

Resumen de estudio sobre accesibilidad web para el examen CPACC: el estándar WCAG, sus principios POUR, los tres niveles de conformidad y a quién más beneficia.

  • #accesibilidad
  • #cpacc
  • #apuntes

Este es el Módulo 7 del Dominio 2 del cuerpo de conocimiento de la CPACC (Certified Professional in Accessibility Core Competencies) — Accesibilidad web. Después de los beneficios de la accesibilidad, este módulo se vuelve concreto sobre la Web: qué es la accesibilidad web y el estándar WCAG que la define.

La accesibilidad web es la capacidad de un sitio web de ser fácilmente navegado, usado y comprendido por personas con discapacidad. Combina estándares de desarrollo web y de creación de archivos con prácticas de diseño universal. Según la Web Accessibility Initiative (WAI) del W3C: las personas deben poder percibir, comprender, navegar, interactuar y contribuir a la Web.

Otros beneficios de la accesibilidad web #

Personas sin discapacidad #

La accesibilidad también ayuda a quienes no tienen una discapacidad:

  • Personas en teléfonos móviles y otros dispositivos de pantalla pequeña o entrada alternativa.
  • Personas mayores.
  • Personas con discapacidades temporales (p. ej., un brazo roto).
  • Personas con limitaciones situacionales (p. ej., sol intenso).
  • Personas con una conexión a Internet lenta, limitada o cara.

Visibilidad (SEO) y usabilidad #

  • Visibilidad del sitio — WCAG se solapa con el SEO. Los títulos de página precisos ayudan a quienes usan lectores de pantalla y describen el contenido a los buscadores; los subtítulos son texto, así que los buscadores pueden rastrearlos.
  • Mejor usabilidad para todos — un buen contraste de color, un espaciado de línea adecuado y el lenguaje claro ayudan a todos, no solo a quienes tienen una discapacidad.

Visión general y estructura de WCAG #

Las Pautas de Accesibilidad para el Contenido Web (WCAG, “WICK-ag”) son un conjunto de estándares técnicos aceptado internacionalmente para hacer el contenido web más accesible, creadas por el W3C a través de su Web Accessibility Initiative (WAI).

Tres niveles de criterios de éxito #

| Nivel | Significado | |---|---| | A | Accesibilidad mínima | | AA (“doble A”) | Accesibilidad para la mayoría — el nivel más usado / buscado | | AAA (“triple A”) | El nivel más alto de accesibilidad |

Los cuatro principios: POUR #

Las páginas y aplicaciones web deben ser Perceptibles (Perceivable), Operables (Operable), Comprensibles (Understandable) y Robustas (Robust) — recordadas con la sigla en inglés POUR.

P — Perceptible #

La información y la interfaz deben presentarse de formas que las personas puedan percibir — no puede ser invisible a todos sus sentidos (vista, oído o tacto).

  • Proporcionar alternativas de texto (texto alternativo) para el contenido no textual.
  • Proporcionar subtítulos y transcripciones para el contenido multimedia.
  • Hacer el contenido presentable de distintas formas (incl. por tecnología de apoyo) sin perder significado.
  • Facilitar ver y oír el contenido.

O — Operable #

Las personas deben poder operar la interfaz — no puede requerir una interacción que no puedan realizar.

  • Hacer que toda la funcionalidad sea operable con teclado.
  • Dar tiempo suficiente para leer y usar el contenido.
  • Nada de contenido que cause convulsiones ni reacciones físicas (sin destellos).
  • Ayudar a navegar y encontrar contenido (buen orden de foco, enlaces descriptivos).
  • Facilitar el uso de entradas distintas del teclado.

U — Comprensible #

Las personas deben poder comprender tanto la información como el funcionamiento de la interfaz.

  • Hacer el texto legible y comprensible.
  • Hacer que el contenido aparezca y funcione de forma predecible.
  • Ayudar a las personas a evitar y corregir errores.

R — Robusto #

El contenido debe ser lo bastante robusto como para que lo interpreten de forma fiable una amplia variedad de agentes de usuario, incluidas las tecnologías de apoyo — y seguir siendo accesible a medida que las herramientas evolucionan.

  • Maximizar la compatibilidad con herramientas actuales y futuras.
  • Exponer correctamente el nombre, rol y valor de los elementos.

Autoevaluación rápida #

  1. ¿Qué tres cosas combina la accesibilidad web?
  2. ¿Qué significa la sigla POUR?
  3. ¿Cuál es la versión actual de WCAG y qué versión es también un estándar ISO (qué número)?
  4. Menciona las tres capas estructurales de WCAG.
  5. Enumera los tres niveles de conformidad y di cuál es el más buscado.
  6. ¿Qué principio cubre la operación con teclado? ¿Cuál el texto alternativo? ¿Cuál la compatibilidad a futuro?

Verificación de conocimientos #

Responde cada pregunta y luego pulsa comprobar — la retroalimentación explica cada opción.

Verificación de conocimientos

1. Los principios POUR son el nivel más alto de estándares de las pautas.
2. La accesibilidad web combina… Selecciona todas las que correspondan.
3. Para cumplir el Nivel AA de WCAG 2.2, una página debe cumplir también todos los criterios de Nivel A.
4. Los subtítulos se pueden rastrear porque son texto, así que también ayudan a mejorar…?
5. ¿Por qué un buen contraste de color es una buena práctica de diseño?
6. ¿Qué principio asegura que una página web funcione con teclado?
7. ¿Qué principio asegura que las imágenes incluyan texto alternativo?
8. ¿Qué principio asegura que una tecnología sea compatible con tecnologías actuales y futuras?
9. ¿Qué principio asegura que una página no tenga contenido con destellos?
10. Para apoyar a personas con baja audición, los videos pregrabados siempre deberían incluir…?

Consejo de estudio: este es el módulo más evaluable del Dominio 2. Fija POUR (y que son principios, no niveles), los niveles A/AA/AAA (acumulativos; AA es el objetivo), WCAG 2.2 / ISO 40500 y la estructura Principios → Pautas → Criterios de Éxito. Luego practica emparejar un requisito (teclado, texto alternativo, sin destellos, compatibilidad) con su principio POUR — ese es el ejercicio favorito del examen.