FSC - Guía Rápida de Accesibilidad Digital 2025

Guía rápida de Accesibilidad Digital 2025Tabla de contenido ¿Qué es la accesibilidad digital? 4 – La accesibilidad digital es la condición de una: 4 – Para que sean: 4 – Y que pueda usarse con: 4 Accesibilidad digital en la práctica 7 Páginas web 7 Accesibilidad en Redes sociales 8 Documentos digitales accesibles 9 Referencia a normas y directrices técnicas 10La accesibilidad digital es clave para reducir brechas y garantizar el acceso equitativo a los contenidos y servicios en línea. Esta guía, desarrollada por la Fundación Saldarriaga Concha en colaboración con consultores expertos en accesibilidad digital en Colombia, ofrece a las organizaciones y equipos de producción de contenidos una introducción práctica a los principales elementos y mejores prácticas de accesibilidad digital. Se busca que los proyectos digitales sean inclusivos desde su etapa de planeación, ofreciendo una experiencia de usuario adecuada y eficiente para todas las personas. El avance en accesibilidad digital no solo responde a lineamientos técnicos, sino que es un derecho fundamental que contribuye a la inclusión social y productiva de personas con discapacidad y personas mayores en Colombia. La accesibilidad digital beneficia a todos los usuarios, mejorando la usabilidad y comprensión de los entornos digitales en general. La adopción de directrices globales como las Guías para contenido web accesible (Web Content Accessibility Guidelines,WCAG) y enfoques centrados en el usuario, permiten construir plataformas equitativas y comprensibles. Implementar estas acciones ayuda a crear entornos digitales más inclusivos y accesibles, beneficiando a todos los usuarios. La Fundación Saldarriaga Concha pone a disposición las siguientes recomendaciones, compartiendo buenas prácticas con otras entidades interesadas en mejorar su accesibilidad digital.

accesibles, beneficiando a todos los usuarios. La Fundación Saldarriaga Concha pone a disposición las siguientes recomendaciones, compartiendo buenas prácticas con otras entidades interesadas en mejorar su accesibilidad digital. Este documento sintetiza los hallazgos de tres consultorías realizadas en 2024 con el objetivo de mejorar la accesibilidad digital en los proyectos de la Fundación y sus aliados¿Qué es la accesibilidad digital? – La accesibilidad digital es la condición de una: • Tecnología digital • Plataforma digital • Contenido digital • Servicio digital – Para que sean:

• Comprensibles
• Seguros
• Cómodos

– Y que pueda usarse con:

• Independencia • Facilidad La accesibilidad digital incluye las páginas web, aplicaciones, software, documentos digitales y tecnologías digitales como audiolibros, cajeros automáticos, entre otros.Decimos que algo es accesible cuando las personas con discapacidad lo pueden disfrutar, tener las mismas interacciones y adquirir la misma información que las personas sin discapacidad.

La accesibilidad digital es esencial para las personas con discapacidad y útil para todas las personas. Es un derecho y una obligación. En Colombia existen normas técnicas, resoluciones y directrices técnicas sobre accesibilidad digital. En Colombia, la normatividad se basa en el WCAG, las Pautas de Accesibilidad para el Contenido Web. Estas pautas son desarrolladas y publicadas por el Consorcio W3C, por sus siglas en inglés Red Informática Mundial, una organización internacional creada en 1994. W3C crea estándares globales para el crecimiento de la web, incluyendo la accesibilidad, con la participación de organizaciones de sectores públicos y privados en diferentes áreas de desarrollo. La WCAG tiene tres niveles de cumplimiento: A (bajo), AA (medio) y

para el crecimiento de la web, incluyendo la accesibilidad, con la participación de organizaciones de sectores públicos y privados en diferentes áreas de desarrollo. La WCAG tiene tres niveles de cumplimiento: A (bajo), AA (medio) y AAA (alto). Este curso cumple con AAA. Principios de la accesibilidad digital Conozcamos en profundidad los cuatro principios de la accesibilidad digital.

1. Perceptible: la información es visible o audible para todas las personas. • Contenido visible: asegúrate de que la información y los elementos de la página sean visibles o audibles para todos. • Texto alternativo: usa descripciones en imágenes, videos y otros elementos visuales para que las personas con discapacidad visual puedan entender el contenido. • Adaptabilidad: diseña la página para que sea flexible, de modo que pueda ajustarse a diferentes necesidades, como cambiar el tamaño del texto o adaptarse a distintas pantallas. • Destacar elementos importantes: facilita la lectura o audición destacando los elementos más relevantes, usando subtítulos en videos y texto en audios.

2. Operable: todas las personas pueden interactuar con el contenido sin dificultades.• Acceso por teclado: asegura que la página se pueda navegar solo con el teclado y sin necesidad de usar el mouse. • Tiempo suficiente: da tiempo suficiente a las personas usuarias para leer y usar el contenido; evita que las sesiones expiren demasiado rápido o los contenidos se cierren de inmediato. • Evitar contenido que cause convulsiones: reduce o elimina contenido que parpadee o cambie rápidamente, ya que puede ser peligroso para quienes tienen epilepsia. • Navegación clara: facilita la navegación creando un sistema sencillo y consistente que permita a las personas orientarse y moverse por la página sin dificultad.

peligroso para quienes tienen epilepsia. • Navegación clara: facilita la navegación creando un sistema sencillo y consistente que permita a las personas orientarse y moverse por la página sin dificultad.

3. Comprensible: el contenido es claro y fácil de entender. • Lenguaje simple: usa un lenguaje claro y directo para que el contenido sea fácil de entender. Evita términos técnicos o complejos cuando no son necesarios. • Predecibilidad: haz que las acciones y resultados de la página sean predecibles; por ejemplo, que los botones hagan siempre lo mismo y no generen resultados inesperados. • Ayuda para evitar errores: ofrece ayudas y sugerencias para que las personas usuarias puedan corregir fácilmente errores en formularios y otras interacciones.

4. Robusto: • Compatibilidad: diseña el contenido para que funcione bien con diferentes navegadores de internet y productos de apoyo, como lectores de pantalla o magnificadores de pantalla. Asegúrate de que se mantenga accesible a medida que la tecnología avanza.Accesibilidad digital en la práctica Páginas web La accesibilidad web permite que todas las personas, incluyendo las personas con discapacidad usen el internet sin barreras. El internet es muy importante para el trabajo, la educación, la recreación, la salud y mucho más. Desarrollar páginas web accesibles es una obligación para que todas las personas con discapacidad puedan acceder a información, servicios y oportunidades en línea. Para los motores de búsqueda como Google es más fácil encontrar páginas web accesibles que inaccesibles.

Los principios de accesibilidad digital pueden construirse en el código de las aplicaciones y los sitios web. Por ejemplo, HTML permite incorporar características de accesibilidad como texto alternativo a las imágenes que son

fácil encontrar páginas web accesibles que inaccesibles. Los principios de accesibilidad digital pueden construirse en el código de las aplicaciones y los sitios web. Por ejemplo, HTML permite incorporar características de accesibilidad como texto alternativo a las imágenes que son leídas en voz alta por los lectores de pantalla y utilizadas por los motores de búsqueda. HTML permite los encabezados y etiquetas necesarios para que la página web sea operable desde el teclado. Incluye una declaración de accesibilidad en tu página web. Ésta informa a las personas usuarias sobre los esfuerzos que tiene tu organización para ser accesible y ofrece un canal de comunicación para reportar problemas.¡Ten en cuenta cuando contrates servicios de desarrollo web accesible! Según el Centro Europeo de Accesibilidad en 2024 (Accessible EU Centre), la accesibilidad no puede ser automatizada. Esto quiere decir que no existen complementos o extensiones que de forma automática conviertan una página web en accesible. La accesibilidad web requiere de desarrollo y validación por parte de personas. No creas en soluciones automáticas. Con el rápido avance de la inteligencia artificial, es posible que esto cambie pronto. Cuando contrates un servicio de desarrollo web, ¡incluye en el contrato un requisito para que el desarrollo sea accesible!Accesibilidad en Redes sociales Las redes sociales son plataformas en línea donde las personas compartimos contenido, nos comunicamos y nos conectamos con familiares o comunidades en cualquier parte del mundo. Ejemplos comunes incluyen Facebook, Twitter, Instagram y LinkedIn, donde las personas publican fotos, videos, mensajes, imágenes, infografías y más. La accesibilidad en redes sociales significa hacer que estos contenidos y plataformas sean utilizables por todas las personas, incluidas las personas con discapacidad. Esto incluye agregar descripciones de texto en imágenes,

videos, mensajes, imágenes, infografías y más. La accesibilidad en redes sociales significa hacer que estos contenidos y plataformas sean utilizables por todas las personas, incluidas las personas con discapacidad. Esto incluye agregar descripciones de texto en imágenes, subtítulos en videos, usar textos claros y con contraste apropiado. Todas las redes sociales tienen herramientas de accesibilidad. Cuando contrates un servicio de desarrollo web, ¡incluye en el contrato un requisito para que el desarrollo sea accesible!Documentos digitales accesibles Los documentos digitales accesibles son archivos diseñados para que todas las personas, incluidas las personas con discapacidad, puedan leer, navegar y entender el contenido. Esto incluye presentaciones, por ejemplo en PowerPoint o Google Slides y documentos de texto como Word o Google Docs. • Las imágenes tienen texto alternativo. • Los colores tienen contrastes al menos de 4.5:1 en el texto pequeño y 3:1 en los títulos. Utiliza verificadores de contraste gratuitos como Web AIM. • La estructura del documento utiliza las herramientas de estilo para títulos, encabezados, viñetas, interlineado, entre otros. • El tamaño de la letra es apropiado y los párrafos están justificados a la izquierda. • Los enlaces son descriptivos. • Las tablas tienen una fila de encabezado y no utilizan celdas combinadas. Ten siempre presente la accesibilidad. Cuando contrates un servicio de desarrollo web, ¡incluye en el contrato un requisito para que el desarrollo sea accesible!Referencia a normas y directrices técnicas Las instrucciones técnicas están explicadas en las normas técnicas. Por ejemplo, la norma técnica dice cómo etiquetar los encabezados en una página web. Te compartimos los enlaces para las normas y directrices técnicas de accesibilidad digital en Colombia.

Las instrucciones técnicas están explicadas en las normas técnicas. Por ejemplo, la norma técnica dice cómo etiquetar los encabezados en una página web. Te compartimos los enlaces para las normas y directrices técnicas de accesibilidad digital en Colombia. Las entidades públicas y las privadas que prestan servicios públicos están obligadas a cumplir con estas normas. • Recurso de fuente externa: Norma técnica Colombiana 5854: Accesibilidad web. • Recurso de fuente externa: Directrices de accesibilidad web. MinTIC.