Cómo crear una publicación digital accesible
La guía completa de WCAG 2.2 AA para editores: qué significa y cómo cumplirla.
Cómo crear una publicación digital accesible
La accesibilidad no es una función que se añade al final. Es una decisión de diseño que determina cómo tu contenido llega a cada lector, incluyendo los aproximadamente 1.300 millones de personas en todo el mundo que viven con algún tipo de discapacidad. Para los editores, hacer bien la accesibilidad es tanto una responsabilidad ética como un requisito legal cada vez más común.
Esta guía explica qué significa WCAG 2.2 AA para las publicaciones digitales, qué gestiona ZenFlip automáticamente y qué necesitas hacer tú para que tu contenido sea verdaderamente accesible.
Qué significa WCAG 2.2 AA
Las Pautas de Accesibilidad para el Contenido Web (WCAG) son publicadas por el World Wide Web Consortium (W3C) y se han convertido en el estándar global para la accesibilidad digital. La versión 2.2, publicada en octubre de 2023, es el estándar actual.
WCAG tiene tres niveles de conformidad:
Nivel A - el mínimo. Cubre los requisitos de accesibilidad más básicos
Nivel AA - el estándar al que hace referencia la mayoría de la legislación. Cubre las necesidades de la mayoría de las personas con discapacidades
Nivel AAA - el estándar más alto. Difícil de lograr para todos los tipos de contenido, pero útil como objetivo en contextos específicos
Cuando alguien dice que una publicación es "conforme con WCAG 2.2 AA", significa que cumple todos los criterios de éxito de Nivel A y Nivel AA. Este es el nivel al que apunta ZenFlip.
Los cuatro principios
WCAG se organiza en torno a cuatro principios. Cada requisito de accesibilidad se encuadra en uno de ellos:
1. Perceptible
El contenido debe presentarse de formas que todos los usuarios puedan percibir. Esto significa:
Alternativas de texto para imágenes (texto alternativo)
Subtítulos o transcripciones para contenido de audio y vídeo
Contraste de color suficiente entre el texto y el fondo
Contenido que no dependa únicamente del color para transmitir información
Texto que se pueda redimensionar hasta un 200% sin perder funcionalidad
2. Operable
La interfaz debe ser utilizable por todos. Esto significa:
Navegación completa por teclado - cada función debe ser accesible sin ratón
Sin trampas de teclado - los usuarios deben poder navegar fuera de cualquier componente
Tiempo suficiente para leer e interactuar con el contenido
Ningún contenido que parpadee más de tres veces por segundo
Indicadores de foco claros para que los usuarios de teclado sepan dónde están
3. Comprensible
El contenido y el comportamiento de la interfaz deben ser predecibles y comprensibles. Esto significa:
Lenguaje claro apropiado para la audiencia
Patrones de navegación consistentes
Identificación de errores y sugerencias para formularios y elementos interactivos
Etiquetas e instrucciones para cualquier entrada requerida al usuario
4. Robusto
El contenido debe funcionar en una variedad de tecnologías, incluyendo tecnologías de asistencia. Esto significa:
Marcado válido y bien estructurado que los lectores de pantalla puedan interpretar
Atributos ARIA utilizados correctamente donde el HTML estándar es insuficiente
Compatibilidad con tecnologías de asistencia actuales y razonablemente futuras
Qué gestiona ZenFlip automáticamente
Cuando publicas un flipbook en ZenFlip, el visor y la capa de entrega gestionan muchos requisitos de accesibilidad por ti:
Navegación por teclado. El visor de ZenFlip soporta control completo por teclado. Los lectores pueden pasar páginas, navegar a páginas específicas, alternar la pantalla completa y acceder a todos los controles del visor sin ratón. El orden de tabulación sigue una secuencia lógica.
Soporte para lectores de pantalla. El visor anuncia los cambios de página, las etiquetas de botones y los puntos de referencia de navegación a los lectores de pantalla. Las etiquetas ARIA se aplican a todos los elementos interactivos.
Gestión del foco. Los indicadores de foco visibles aparecen en todos los elementos interactivos. El foco se gestiona correctamente al abrir y cerrar superposiciones, diálogos y el visor a pantalla completa.
Diseño responsivo. El visor se adapta a cualquier tamaño de pantalla y soporta el escalado de texto. Los lectores pueden hacer zoom en el contenido sin romper el diseño.
Soporte táctil y de gestos. Los lectores en dispositivos móviles pueden deslizar para pasar páginas y usar los gestos estándar de pellizcar para hacer zoom.
Contraste de color en la interfaz del visor. Todos los controles del visor, botones y elementos de navegación cumplen la relación de contraste mínima de 4.5:1 requerida por WCAG 2.2 AA.
Qué necesitas hacer tú
ZenFlip se encarga del visor, pero el contenido dentro de tu publicación es tu responsabilidad. Esto es en lo que debes centrarte:
Contraste de color en tu contenido
El texto en tu PDF debe tener suficiente contraste respecto a su fondo. WCAG 2.2 AA requiere:
4.5:1 de relación de contraste para texto normal (menor de 18pt o 14pt negrita)
3:1 de relación de contraste para texto grande (18pt o más, o 14pt negrita o más)
Problemas comunes:
Texto gris claro sobre fondos blancos
Texto en color sobre fondos en color (por ejemplo, texto naranja sobre fondo amarillo)
Texto superpuesto en fotografías sin un fondo sólido o semitransparente
Usa un verificador de contraste como el Contrast Checker de WebAIM (webaim.org/resources/contrastchecker) para verificar tus combinaciones de colores antes de crear tu PDF.
Estructura del documento
Un PDF bien estructurado ayuda a los lectores de pantalla a entender la jerarquía y el flujo de tu contenido:
Usa encabezados reales en tu herramienta de edición (Word, InDesign, Google Docs). No te limites a hacer el texto más grande y en negrita: usa los estilos de encabezado (H1, H2, H3)
Usa un orden de lectura lógico - el contenido debe tener sentido cuando se lee secuencialmente de arriba a abajo, de izquierda a derecha
Usa listas para el contenido en lista en lugar de viñetas o guiones escritos manualmente
Usa tablas para datos tabulares, no para fines de maquetación
Imágenes y texto alternativo
Cada imagen significativa en tu publicación debe tener texto alternativo que describa lo que transmite la imagen:
Sé específico. "Gráfico de barras mostrando ingresos del Q3 de $4.2M, un 12% más que el Q2" es mejor que "gráfico"
Sé conciso. Una o dos frases suele ser suficiente
Omite las imágenes decorativas. Los bordes, fondos y espaciadores puramente decorativos no necesitan texto alternativo
Describe la función, no solo la apariencia. Si una imagen es un enlace o botón, describe a dónde lleva o qué hace
En la mayoría de las herramientas de edición (Word, InDesign, Google Docs), puedes añadir texto alternativo a través del diálogo de propiedades de la imagen. Este texto alternativo se mantiene en el PDF si exportas correctamente.
Tipografía y legibilidad
Tamaño de fuente mínimo de 12pt para el texto del cuerpo. El texto más pequeño es difícil de leer incluso para personas sin discapacidades visuales
Evita el texto justificado cuando sea posible. El espaciado desigual entre palabras puede ser difícil para lectores con dislexia
Usa un interlineado suficiente. WCAG recomienda una altura de línea de al menos 1.5 veces el tamaño de la fuente para el texto del cuerpo
Limita la longitud de línea. Las líneas de 60-80 caracteres son las más fáciles de leer
Lenguaje y claridad
Usa un lenguaje sencillo apropiado para tu audiencia. Evita la jerga cuando palabras más simples funcionan
Define las abreviaturas en su primer uso
Usa la voz activa cuando sea posible. "La junta aprobó el presupuesto" es más claro que "El presupuesto fue aprobado por la junta"
Divide los párrafos largos. Los párrafos más cortos con frases temáticas claras son más fáciles de escanear y comprender
Cómo crear un PDF accesible
La calidad de la accesibilidad de tu flipbook depende significativamente de la calidad del PDF de origen. Estos son los pasos clave para cada herramienta de edición común:
Desde Microsoft Word
Usa los estilos de encabezado integrados (Título 1, Título 2, etc.)
Añade texto alternativo a todas las imágenes significativas (clic derecho > Editar texto alternativo)
Usa el Comprobador de accesibilidad (Revisar > Comprobar accesibilidad) antes de exportar
Exporta como PDF usando Archivo > Guardar como > PDF (asegúrate de que "Etiquetas de estructura del documento para accesibilidad" esté marcado)
Desde Adobe InDesign
Usa los estilos de párrafo de forma consistente para encabezados y texto del cuerpo
Establece el orden de lectura en el panel Artículos
Añade texto alternativo a través de Objeto > Opciones de exportación de objeto
Exporta como PDF usando Archivo > Exportar > Adobe PDF (Interactivo o Impresión), con "Crear PDF con etiquetas" marcado
Desde Google Docs
Usa los estilos de encabezado de la barra de herramientas
Añade texto alternativo a las imágenes (clic derecho > Texto alternativo)
Exporta como PDF usando Archivo > Descargar > PDF
Desde Canva
Canva tiene funciones de accesibilidad limitadas para la exportación a PDF
Usa una jerarquía de encabezados clara en tu diseño
Asegura un contraste de color fuerte
Descarga como PDF Impresión para la mejor calidad
Cómo probar tu publicación
Después de subir a ZenFlip, sigue estos pasos para verificar la accesibilidad:
Prueba de teclado - navega por tu flipbook usando solo el teclado. ¿Puedes llegar a cada página? ¿Puedes acceder a todos los controles?
Prueba con lector de pantalla - si tienes acceso a un lector de pantalla (VoiceOver en Mac, NVDA en Windows), escucha cómo se lee tu contenido en voz alta. ¿Tiene sentido el orden de lectura?
Prueba de zoom - haz zoom al 200% en tu navegador. ¿El contenido sigue siendo usable?
Prueba de color - visualiza tu contenido en escala de grises. ¿Puedes seguir entendiendo toda la información?
Requisitos legales
La accesibilidad es cada vez más un requisito legal, no solo una buena práctica:
Estados Unidos - La Ley de Estadounidenses con Discapacidades (ADA) y la Sección 508 requieren contenido digital accesible para agencias gubernamentales y muchas organizaciones privadas
Unión Europea - La Ley Europea de Accesibilidad (EAA), en vigor desde junio de 2025, requiere productos y servicios digitales accesibles
Reino Unido - La Ley de Igualdad de 2010 y las Regulaciones de Accesibilidad de Organismos del Sector Público de 2018
Australia - La Ley de Discriminación por Discapacidad de 1992
India - La Ley de Derechos de las Personas con Discapacidades de 2016
Aunque ZenFlip proporciona un visor accesible, deberías consultar con tu equipo legal sobre tus obligaciones específicas de cumplimiento. El contenido que publiques también necesita cumplir los estándares de accesibilidad.
Recursos
Especificación WCAG 2.2 - w3.org/TR/WCAG22
Verificador de contraste WebAIM - webaim.org/resources/contrastchecker
PDF Accessibility Checker (PAC) - pdfua.foundation/en/pac
Declaración de accesibilidad de ZenFlip - zenflip.io/legal/accessibility
Resumen
Crear publicaciones digitales accesibles implica dos capas: la plataforma de entrega y el contenido en sí. ZenFlip se encarga de la capa de la plataforma, proporcionando un visor accesible con navegación por teclado, soporte para lectores de pantalla y diseño responsivo. Tu responsabilidad es crear contenido con estructura adecuada, contraste de color suficiente, texto alternativo significativo y lenguaje claro.
Empieza con lo básico: encabezados estructurados, buen contraste y texto alternativo en las imágenes. Estas tres cosas por sí solas marcan una diferencia significativa para los lectores que dependen de tecnologías de asistencia.