Saltar al contenido
Cognitivo

¿Cómo diseño historias e infografías temporales para no abrumar cognitivamente ni dejar a nadie afuera?

4 min de lectura · WCAG: 2.2.1 Tiempo suficiente (Nivel A) y 1.4.3 Contraste (mínimo) (Nivel AA)

Escrita por Mapa Bianchi

Por qué importa

La accesibilidad cognitiva es la condición que deben cumplir los contenidos e interfaces para que todas las personas puedan comprenderlos con facilidad y sin esfuerzo desmedido. Las personas con discapacidad intelectual o cognitiva, dislexia, trastorno por déficit de atención o adultos mayores se enfrentan a un muro impenetrable cuando la información temporal se presenta con saturación visual o sin el tiempo necesario de procesamiento. Asimismo, si colocás texto directamente sobre fotografías o videos sin una placa sólida o semitranslúcida de fondo, las personas con baja visión o daltonismo no pueden distinguir las letras por falta de contraste.

Qué hacer y qué omitir

  • Qué hacer: Mantené una sola idea central por historia, usá tipografías limpias con alto contraste y colocá una placa de fondo detrás del texto cuando la imagen de fondo sea compleja. Si el video incluye narración hablada, activá y editá el sticker de subtítulos automáticos para asegurar que la transcripción sea exacta y legible.
  • Qué omitir: Evitá llenar la pantalla con gifs o animaciones que parpadeen de forma agresiva, ya que pueden saturar la atención o afectar a personas con epilepsia fotosensible. Tampoco redactes párrafos largos en mayúsculas sostenidas ni pegues enlaces en zonas donde los dedos o la interfaz de la app los tapen.

Ejemplo: diseño de texto y contraste

  • ❌ Malo: "Historia con foto de fondo muy iluminada y un párrafo largo en texto amarillo fino sin placa de fondo, acompañado de tres gifs animados parpadeando"
  • ✔ Bueno: "Historia con fondo liso o foto atenuada con una placa oscura detrás del texto. Contiene una frase breve en tipografía blanca y una llamada a la acción clara"

Ejemplo: historias habladas y subtítulos

  • ❌ Malo: "Video hablando a cámara grabado en historias sin subtítulos o con el sticker automático publicado sin revisar las palabras"
  • ✔ Bueno: "Video hablando a cámara con el sticker de subtítulos activado, editado para corregir errores de ortografía y ubicado en el tercio central de la pantalla"

Reglas de oro

  1. Una idea por placa: Fragmentá la información en secuencias o carruseles; no intentes volcar un comunicado entero en una sola historia.
  2. Fondos estables para el texto: Usá placas o mallas semitranslúcidas detrás de la tipografía para que el contraste alcance al menos 4.5:1 respecto al fondo.
  3. Sin destellos ni gifs distractores: Limitá las animaciones secundarias para evitar distracciones cognitivas o ataques fotosensibles.
  4. Edición de subtítulos en sticker: Al grabar voz, editá siempre la transcripción automática que genera la red social para corregir errores ortográficos.
  5. Ubicación limpia de enlaces: Colocá los stickers de enlace o menciones en zonas libres de la pantalla para facilitar la interacción táctil.

Casos que confunden

  • Encuestas y stickers interactivos: Los stickers de preguntas o encuestas son geniales para el compromiso de la audiencia, pero los lectores de pantalla no siempre los interpretan de forma fluida. Si la encuesta contiene una pregunta decisiva, redactá también el texto de la consigna como texto estándar dentro de la historia.
  • Historias con música de fondo: Si agregás una canción de fondo a una historia donde estás hablando, reducí el volumen de la música para que no compita con la voz hablada, facilitando la comprensión auditiva y la interpretación del contenido.

Checklist antes de publicar

Marcá lo que ya resolviste. Abajo ves qué falta y lo podés copiar.

Antes de publicar

0 de 7 puntos cumplidos

Ver lo que falta (7)
  • ¿Transmito una sola idea principal por historia?
  • ¿El texto se lee de corrido en los segundos que dura la historia sin necesidad de pausarla?
  • ¿Puse una placa o sombra de fondo si el texto está sobre una fotografía o video?
  • ¿Garanticé un buen contraste de color entre la tipografía y el fondo?
  • ¿Revisé y corregí la transcripción si usé el sticker de subtítulos automáticos?
  • ¿Evité incluir gifs o efectos con destellos y parpadeos molestos?
  • ¿Dejé libres los márgenes superior e inferior para no chocar con la interfaz de la app?