Un checklist práctico de WCAG 2.2 para flipbooks y catálogos digitales. Revisa el contraste, el texto alternativo, el orden de lectura, el acceso con teclado, la visibilidad del foco, el tamaño de los objetivos y los subtítulos, con tablas, ejemplos reales y un flujo de trabajo paso a paso para publicar catálogos accesibles.
Un catálogo bonito que un comprador no puede leer, recorrer con el tabulador ni escuchar es un catálogo que pierde ventas. Aproximadamente una de cada seis personas vive con alguna forma de discapacidad, y eso incluye baja visión, daltonismo, limitaciones motoras, sordera y diferencias cognitivas. Este checklist WCAG 2.2 para flipbooks y catálogos digitales convierte el estándar en comprobaciones concretas que puedes hacer antes de cada publicación. Si creas publicaciones con pasos de página en Flipbooks AI, puedes aplicar cada paso de abajo a tu próxima publicación.
WCAG 2.2 es la versión actual de las Pautas de Accesibilidad para el Contenido Web del W3C. Se basa en la 2.0 y la 2.1, así que lo que ya hiciste sigue contando. Los criterios nuevos se centran en dispositivos móviles, en usuarios de teclado y en personas con dificultades de control motor fino. Eso importa mucho en los flipbooks, porque las interacciones de paso de página, los puntos interactivos y los controles de zoom son justo los puntos en los que la accesibilidad se rompe.
La presión legal es real. La Ley Europea de Accesibilidad, la ADA en Estados Unidos y muchas leyes nacionales toman WCAG como referencia, y la mayoría exige el nivel AA. Más allá del aspecto legal, los catálogos accesibles son sencillamente más fáciles de usar para todos. Los objetivos táctiles más grandes ayudan a quienes usan teléfonos. El buen contraste ayuda a quienes leen al aire libre. Los subtítulos ayudan a quienes ven contenido en una oficina silenciosa.
WCAG agrupa cada regla en cuatro ideas, que suelen abreviarse como POUR:
Se añadieron nueve criterios. Los que más afectan a los flipbooks aparecen abajo.
| Criterio nuevo | Nivel | Qué significa para un catálogo |
|---|---|---|
| 2.4.11 Foco no oculto (mínimo) | AA | Un encabezado fijo o un aviso de cookies no debe tapar el control enfocado |
| 2.5.7 Movimientos de arrastre | AA | Los pasos de página y los deslizadores necesitan una alternativa de un solo clic |
| 2.5.8 Tamaño del objetivo (mínimo) | AA | Los botones y los puntos interactivos deben medir al menos 24 por 24 píxeles CSS |
| 3.2.6 Ayuda coherente | A | Los enlaces de ayuda se mantienen en el mismo lugar en cada página |
| 3.3.7 Entrada redundante | A | No pidas dos veces la misma información en un formulario |
| 3.3.8 Autenticación accesible | AA | Los flipbooks protegidos con contraseña deben permitir pegar y usar gestores de contraseñas |
💡 El criterio 4.1.1 Análisis sintáctico se eliminó en la 2.2, así que ya no tienes que preocuparte por él. Concentra tu tiempo en los puntos nuevos de arriba.
Haz estas nueve comprobaciones en orden. Cada una tiene una condición de aprobado que puedes probar en unos minutos.
Las fotos de productos, las dobles páginas de lookbook y los diagramas necesitan texto alternativo. Describe lo que muestra la imagen y por qué importa, no solo el nombre del archivo. Omite la decoración con un valor alt vacío.
El texto normal necesita una relación de contraste de al menos 4,5:1 frente a su fondo. El texto grande (18 pt o 14 pt en negrita) necesita 3:1. Los elementos de la interfaz, como los bordes de los botones y los anillos de foco, también necesitan 3:1. El texto sobre una foto es el error más habitual en los catálogos, así que añade detrás un panel sólido o semiopaco.
| Elemento | Relación mínima | Fallo habitual en catálogos |
|---|---|---|
| Texto del cuerpo | 4,5:1 | Texto gris claro sobre blanco |
| Encabezados grandes | 3:1 | Título blanco sobre una foto brillante |
| Botones e iconos | 3:1 | Contorno pálido sobre una página pálida |
| Indicador de foco | 3:1 | Anillo predeterminado fino sobre una banda de color |
⚠️ Nunca dependas solo del color. Un precio en rojo y uno en verde se ven iguales para muchos lectores, así que añade una etiqueta como "Oferta" o un icono.
Un lector de pantalla sigue el orden del documento subyacente, no la disposición visual. Si tu PDF original se exportó con las etiquetas en el orden incorrecto, una doble página de dos columnas puede leerse de izquierda a derecha cruzando ambas columnas. Corrígelo en el archivo original antes de convertirlo.
Cada acción debe funcionar sin ratón. Eso incluye pasar páginas, hacer zoom, abrir el índice, reproducir contenido multimedia y cerrar diálogos.
Quienes usan el teclado y ven necesitan saber dónde están. Un anillo de foco claro con contraste 3:1 es la base. WCAG 2.2 añade que el elemento enfocado no debe quedar totalmente tapado por barras fijas, ventanas de chat o avisos de cookies. Compruébalo usando el tabulador con la ventana del navegador pequeña, porque ahí las superposiciones cubren más de la página.
Los puntos interactivos en las imágenes de producto suelen ser puntitos diminutos. Hazlos de al menos 24 por 24 píxeles CSS y apunta a 44 por 44 en las pantallas táctiles. Deja espacio entre vecinos para que el pulgar no toque dos a la vez. Si un usuario puede arrastrar una esquina para pasar una página, también debe poder hacer clic en un botón visible de "Página siguiente".
Si tu catálogo incrusta videos de productos, añade subtítulos sincronizados. Ofrece una transcripción de texto para el contenido solo de audio. Nada debería reproducir sonido automáticamente durante más de tres segundos sin una forma de pausarlo. El contenido en movimiento que dura más de cinco segundos, como un banner en bucle, necesita un control de pausa.
Usa encabezados reales en una secuencia lógica, párrafos cortos y un lenguaje sencillo. Escribe las abreviaturas completas la primera vez que aparezcan. Pon a cada enlace una etiqueta con su destino, así que "Descarga la lista de precios de primavera" sustituye a "Haz clic aquí".
Los formularios de contacto dentro de un flipbook necesitan etiquetas visibles, mensajes de error que digan qué salió mal y ninguna pregunta repetida. En las publicaciones protegidas con contraseña, WCAG 2.2 exige que las personas puedan pegar la contraseña o usar un gestor de contraseñas, y que no impongas un rompecabezas o una prueba de memoria como única forma de entrar.
Cada publicación falla en lugares distintos. Usa esta tabla para decidir por dónde empezar.
| Tipo de catálogo | Mayor riesgo | Primera corrección |
|---|---|---|
| Lookbook de moda | Texto sobre fotos, texto alternativo ausente | Añade paneles de contraste y texto alternativo descriptivo |
| Lista de precios de productos | Tablas densas, letra diminuta | Usa encabezados de tabla reales y letra más grande |
| Menú de restaurante | Iconos de alérgenos sin texto | Añade etiquetas de texto junto a cada icono |
| Informe anual | Gráficos sin datos | Añade texto resumen y tablas de datos |
| Manual de formación | Videos sin subtítulos | Subtitula y añade transcripciones |
Un comercio de muebles descubrió que sus puntos interactivos de los sofás medían 12 píxeles de ancho. Al ampliarlos a 44 píxeles y añadirles etiquetas, los compradores desde dispositivos móviles dejaron de fallar al tocarlos, y la bandeja de entrada de soporte recibió menos mensajes del tipo "no puedo abrir los detalles".
Un grupo hotelero descubrió que su folleto usaba texto dorado pálido sobre crema. Al cambiarlo a un marrón oscuro que alcanzaba 7:1, las descripciones de las habitaciones se leían bien con la luz brillante del vestíbulo y en teléfonos pequeños.
La secretaría de un colegio publicó un flipbook de boletín con fotos sin etiquetar. Añadir el texto alternativo tomó diez minutos por número y permitió que los padres con ceguera recibieran las mismas novedades que los demás.
La accesibilidad empieza en el documento original y luego pasa al visor. Este flujo de trabajo controla los dos lados.
Crea tu archivo en una herramienta de diseño que admita la exportación de PDF etiquetado. Añade texto alternativo, define el idioma del documento, usa estilos de encabezado reales y revisa el orden de las etiquetas. Ejecuta el verificador de accesibilidad integrado antes de exportar.
Inicia sesión o crea una cuenta y arrastra el PDF al Conversor de PDF a flipbook. La conversión mantiene el texto seleccionable, de lo que dependen los lectores de pantalla y el zoom del navegador. Para fichas de productos, el Creador de catálogos digitales gratis es un buen punto de partida, y la herramienta del Catálogo de productos sirve para inventarios grandes.
Abre los ajustes de marca y elige colores que cumplan 4,5:1 para el texto y 3:1 para los botones. Elige un efecto de paso de página discreto y mantén visibles en pantalla los botones de página siguiente y anterior. Añade tu logotipo, pero aléjalo del texto pequeño del cuerpo.
Incrusta los videos y el audio, luego sube los archivos de subtítulos y coloca los enlaces a las transcripciones en la misma página. Los diseños adaptables para móviles ayudan, pero pruébalos con toques reales, no solo con una ventana de escritorio redimensionada.
Comparte un enlace directo o sigue los pasos de la herramienta Incrustar flipbook en sitio web. Dale al marco incrustado un título descriptivo para que los lectores de pantalla anuncien su contenido. Si usas protección con contraseña, revisa el flujo de acceso según el criterio 3.3.8. Ofrece un PDF accesible descargable como alternativa para quienes lo prefieran, lo que la opción de descarga sin conexión facilita.
En el plan Professional, las analíticas y la generación de contactos muestran qué páginas abandona la gente y en qué formularios se detiene. Una página con una caída repentina puede esconder una barrera de accesibilidad. Consulta los planes y precios para ver la lista completa de funciones. Todos los planes publican sin marcas de agua, y Standard y superiores permiten flipbooks ilimitados, así que puedes corregir y volver a publicar tantas veces como necesites.
✅ Buena práctica: mantén enlazada desde tu catálogo una declaración de accesibilidad de una sola página, con una dirección de contacto para reportar problemas. Cumple con las buenas prácticas en muchas regiones y genera confianza.
Ningún escáner automático lo detecta todo. Las herramientas automáticas encuentran aproximadamente un tercio de los problemas, así que combínalas con revisiones manuales.
| Herramienta o método | Qué comprueba | Con qué frecuencia |
|---|---|---|
| Auditoría de accesibilidad del navegador | Contraste, etiquetas ausentes, texto alternativo | Cada publicación |
| Lector de pantalla (NVDA, VoiceOver) | Orden de lectura, anuncios | Cada publicación |
| Prueba solo con teclado | Foco, trampas, atajos | Cada publicación |
| Zoom al 200 por ciento | Reflujo y texto recortado | Mensual |
| Prueba táctil en el teléfono | Tamaño de los objetivos y gestos | Cada publicación |
| Comentarios reales de usuarios | Todo lo que las herramientas no detectan | Trimestral |
Los catálogos accesibles llegan a más compradores, reducen el riesgo legal y se ven mejor para todos. Haz las nueve comprobaciones, anota lo que corregiste y vuelve a publicar con confianza. Cuando estés listo, empieza gratis en Flipbooks AI, explora todas las herramientas de flipbook para encontrar la que encaje con tu tipo de contenido y compara los planes y precios para elegir el nivel que se ajuste al volumen de tu catálogo.
Elige tu idioma
