# data[].attributes.attachment_caption
Presentación del tablero con todas las cásulas ¿Sabía usted...?

# data[].attributes.headline
Cápsula 17-2024: Tablero con la información de todas las cápsulas informativas de ¿Sabía usted…? Sobre accesibilidad digital.

# data[].attributes.subject
Cápsula 17-2024: Tablero con la información de todas las cápsulas informativas de ¿Sabía usted…? Sobre accesibilidad digital.

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?“ y el siguiente texto: ¿Sabía usted que aquí puede encontrar toda la información sobre accesibilidad digital que hemos compartido de parte de la DRTE? Este tablero también permite acceder a la información como si fuera una presentación a pantalla completa y se actualiza constantemente con la información nueva.

# data[].attributes.body
Para obtener más información visite el siguiente sitio: https://www.w3.org/WAI/standards-guidelines/wcag/es

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?" con el símbolo internacional de accesibilidad, capturas de la página de la WCAG 2.2 y el siguiente texto: ¿Sabía usted que la WCAG es un estándar internacional de Pautas de Accesibilidad para el Contenido Web? Actualmente está vigente la versión 2.2, pero las versiones son incrementales, o sea, que una nueva versión no anula la anterior, si no que la completa.

# data[].attributes.headline
Cápsula 7: ¿Qué es el texto alternativo?

# data[].attributes.subject
Cápsula 7: ¿Qué es el texto alternativo?

# data[].attributes.body
Para acceder a más información visite este tablero digital: https://padlet.com/soniahernandezgonzalez/texto_alternativo_accesibilidad_digital

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?" con el símbolo internacional de accesibilidad y el siguiente texto: ¿Sabía usted que las personas usuarias de programas lectores de pantalla solamente pueden saber qué es o qué contiene una imagen si tiene texto alternativo? Se trata de una descripción que se agrega a un apoyo visual en cualquier documento, recurso, sitio, publicación de redes sociales o entorno digital. Está oculto, pero los programas lectores de pantalla sí lo detectan y sólo

# data[].attributes.headline
Cápsula 01-2024: Concepto de accesibilidad digital

# data[].attributes.subject
Cápsula 01-2024: Concepto de accesibilidad digital

# data[].attributes.body
Puede verlo en este recurso en línea: https://www.goconqr.com/es-ES/slide/39709660/concepto-de-accesibilidad-digital o encontrar más información en la página del MEP sobre Accesibilidad, en el siguiente enlace: https://www.mep.go.cr/accesibilidad

# data[].attributes.wish_content.attachment_props.alternative_text
Ilustración de varias personas con y sin discapacidad interactuando con diferentes tipos de dispositivos digitales. Logo de accesibilidad digital con el símbolo internacional de accesibilidad o SÍA, y el siguiente texto: ¿Sabía usted que lo que es accesible para las personas con discapacidad, en realidad es accesible para todas las personas? Esto también sucede en los entornos virtuales. ¿Desea conocer el concepto de accesibilidad digital?

# data[].attributes.wish_content.attachment_props.alternative_text
Concepto de accesibilidad digital. La accesibilidad digital se refiere a las funcionalidades y características que posibilitan a todas las personas, ya sea que tengan o no una condición de discapacidad, el aproximarse, acceder, usar y salir de todo entorno, plataforma, herramienta, documento, aplicativo, sitio o recurso digital. Elaborado por: Sonia Hernández González, Educación Audiovisual, Gespro-DRTE-MEP. Símbolo Internacional de Accesibilidad (SIA), ONU 2015.

# data[].attributes.headline
Cápsula 02-2024: página sobre accesibilidad digital 

# data[].attributes.subject
Cápsula 02-2024: página sobre accesibilidad digital 

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?" con el símbolo internacional de accesibilidad, capturas de la página de accesibilidad del sitio del MEP y el siguiente texto: ¿Sabía usted que el MEP tiene una página con información importante sobre accesibilidad digital y discapacidad? Ahí puede encontrar documentos de consulta, información sobre la normativa vigente, instancias de atención para población con discapacidad dentro del MEP y enlaces recomendados.

# data[].attributes.headline
Enlace a la página sobre accesibilidad digital y discapacidad.

# data[].attributes.subject
Enlace a la página sobre accesibilidad digital y discapacidad.

# data[].attributes.body
Con este enlace podrá acceder a la página sobre Accesibilidad y Discapacidad del MEP.

# data[].attributes.attachment_link.readable_text
Accesibilidad y Discapacidad

Le damos la bienvenida a la página sobre accesibilidad del MEP. Este es un esfuerzo por contribuir a una sociedad más justa e inclusiva para todas las personas.

Podrá encontrar información referente a la pautas que deben implementarse para la producción digital accesible, instancias que atienden diferentes aspectos relacionados con accesibilidad y discapacidad, la normativa vigente al respecto y algunos enlaces recomendados.

Como parte del compromiso del MEP con las personas con discapacidad, este sitio web está realizado bajo los estándares de la normativa internacional WCAG. Aquí, a continuación, podrá leer un poco más acerca de este tema y cómo desde el MEP hemos buscando garantizar una alta accesibilidad a nuestros contenidos.

WCAG

El objetivo de la norma WCAG es mejorar la accesibilidad para las personas usuarias con discapacidad cognitiva o de aprendizaje, la accesibilidad para los usuarios con baja visión y la accesibilidad desde dispositivos móviles. Las normas están en constante actualización y buscan ampliar criterios en muchísimos niveles: Visibilidad, percepción, operabilidad, entendimiento, robustez con nivel de interpretación de diferentes tecnologías y conformidad con la compatibilidad. Para saber más sobre la norma puede acceder a: https://www.w3.org/TR/WCAG22

¿Qué nos permite esto?

Aumentar el zoom del sitio hasta 300% sin ningún problema.
Navegar gran parte del sitio web a través del teclado.
Utilizar gran parte del sitio web a través de un lector de pantalla.
Una buena legibilidad a través de un buen contraste de color en el diseño visual.

# data[].attributes.attachment_link.description
Le damos la bienvenida a la página sobre accesibilidad del MEP. Este es un esfuerzo por contribuir a una sociedad más justa e inclusiva para todas las personas. Podrá encontrar información referente a la pautas que deben implementarse para la producción digital accesible, instancias que atienden diferentes aspectos relacionados con accesibilidad y discapacidad, la normativa vigente al respecto y algunos enlaces recomendados.

# data[].attributes.headline
Cápsula 03: Diferencias entre DUA y Accesibilidad digital.

# data[].attributes.subject
Cápsula 03: Diferencias entre DUA y Accesibilidad digital.

# data[].attributes.body
Para obtener más información sobre estas diferencias, acceda a la sección de “Documentos de consulta” de la página del MEP sobre Accesibilidad, en el siguiente enlace: https://www.mep.go.cr/accesibilidad o bien, directamente para consultar en línea o descargar el archivo en formato PDF de 87 Kb con la tabla comparativa entre Accesibilidad Digital y DUA: https://www.mep.go.cr/sites/default/files/2024-07/AccesibilidaDigital-DUA.pdf

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, el logo de la campaña "¿Sabía usted...?" con el símbolo internacional de accesibilidad, el logo de la WCAG 2.2 y el siguiente texto: ¿Sabía usted que la accesibilidad digital y el DUA son muy diferentes, aunque son complementarios y deben ir de la mano para lograr una inclusión real en entornos digitales?

# data[].attributes.body
Para obtener más información acceda a la sección de Documentos de Consulta en la página del MEP sobre Accesibilidad y Discapacidad, visite el siguiente enlace: https://www.mep.go.cr/accesibilidad

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?" con el símbolo internacional de accesibilidad, captura de la página de accesibilidad del sitio del MEP y el siguiente texto: ¿Sabía usted que en la página del MEP sobre accesibilidad digital y discapacidad hay una sección de documentos de consulta? Ahí puede encontrar pautas para crear documentos de texto, presentaciones, correos electrónicos y publicaciones en redes sociales accesibles.

# data[].attributes.attachment_caption
Mensaje sobre la normativa vigente sobre la obligatoriedad de la accesibilidad digital.

# data[].attributes.headline
Cápsula 8: Normativa vigente sobre accesibilidad

# data[].attributes.subject
Cápsula 8: Normativa vigente sobre accesibilidad

# data[].attributes.body
Para obtener más información sobre estas normativas, acceda a la sección de “Normativa vigente” de la página del MEP sobre Accesibilidad, en el siguiente enlace: https://www.mep.go.cr/accesibilidad o bien, al siguiente documento para descargar o consultar en línea, en formato PDF de 275KB: https://www.mep.go.cr/sites/default/files/2024-09/NormativaSobreAccesibilidadDigitalMEP.pdf

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?" con un ícono de un  libro de leyes, el mazo de un juez y el siguiente texto: ¿Sabía usted que hasta setiembre de 2024 existen 15 normativas entre tratados internacionales, leyes, decretos y directrices que exigen la implementación de la accesibilidad digital en el MEP? Seis son o están relacionadas con tratados internacionales, siete son normativas nacionales y dos son específicas del MEP.

# data[].attributes.headline
Cápsula 10: Símbolo internacional de accesibilidad (SIA).

# data[].attributes.subject
Cápsula 10: Símbolo internacional de accesibilidad (SIA).

# data[].attributes.body
Para obtener más información, puede visitar los siguientes sitios:

Multimedia Interactivo sobre el SIA. Este recurso no es compatible con programas lectores de pantalla, pero pude acceder a la misma información en el PDF de 132 kb que está en la siguietne publicación en este mismo tablero. Si no utiliza programas lectores de pantalla, acceda al multimedia interactivo sobre el SIA.

Una Infografía con la información de la historia de SIA se puede encontrar en el perfil de Facebook del Centro de Día Fisherton.

Acceda a información más detallada sobre la historia y el significado del SIA en el sitio web de Seventhe.es Comunicación y Accesibilidad.

En el siguiente vínculo podrá acceder al sitio oficial de la ONU en español

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?" el Símbolo Internacional de Accesibilidad y el siguiente texto: ¿Sabía usted que el Símbolo Internacional de Accesibilidad (SIA), cambió desde el año 2015? El de la silla de ruedas ya está obsoleto, el nuevo fue propuesto por la ONU, acepta modificaciones de los colores y no requiere permisos para su uso.

# data[].attributes.attachment_caption
Mensaje sobre el diagrama interactivo de la WCAG 2.2

# data[].attributes.headline
Cápsula 6: Esquema interactivo de la WCAG.

# data[].attributes.subject
Cápsula 6: Esquema interactivo de la WCAG.

# data[].attributes.body
Para explorar y obtener más información visite el siguiente diagrama interactivo: https://mm.tt/map/2297863031?t=7BZJCwujYO

# data[].attributes.wish_content.attachment_props.alternative_text
Logo del MEP, logo de la campaña "¿Sabía usted...?" con el símbolo internacional de accesibilidad, captura de la página del diagrama interactivo de la WCAG 2.2 y el siguiente texto: ¿Sabía usted que la WCAG se compone de cuatro principios, cada principio tiene sus pautas y en cada pauta se establecen criterios de conformidad para comprobar o dotar de características de accesibilidad digital cualquier contenido web?

# data[].attributes.body
En la publicación anterior se menciona un multimedia interactivo sobre el SIA. Este recurso no es compatible con programas lectores de pantalla, pero pude acceder a la misma información en el PDF de 132 kb adjunto en esta publicación.

# data[].attributes.attachment_caption
Mensaje sobre la características del texto alternativo.

# data[].attributes.headline
Cápsula 9: Características del texto alternativo.

# data[].attributes.subject
Cápsula 9: Características del texto alternativo.

# data[].attributes.body
Para obtener más información puede acceder los siguientes enlaces:

Video sobre qué es, para qué sirve y la importancia del texto alternativo en la web:

https://www.youtube.com/watch?v=hZQRTcWj-QA

Video sobre cómo agregar texto alternativo en imágenes en ofimática de Microsoft y de Google:

https://www.youtube.com/watch?v=69SDO29uPLs

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?" con una ilustración de una computadora con un video sobre texto alternativo y el siguiente texto: ¿Sabía usted que para el texto alternativo de una imagen sea efectivo debe tener ciertas características? Es muy importante conocerlas, así como la razones por las que el texto alternativo es importante.

# data[].attributes.attachment_caption
Mensaje sobre el texto alternativo en imágenes de correo electrónico.

# data[].attributes.headline
Cápsula 11-Texto alternativo de imágenes en el correo electrónico

# data[].attributes.subject
Cápsula 11-Texto alternativo de imágenes en el correo electrónico

# data[].attributes.body
Para conocer cómo se agrega el texto alternativo en una imagen de correo electrónico, puede acceder a un corto videotutorial.

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?" captura del video de texto alternativo en imágenes de correo electrónico y el siguiente texto: ¿Sabía usted que en las imágenes insertas en los correos electrónicos se debe incluir texto alternativo? También es importante que incluya el texto de las imágenes y, si hay un enlace, este debe ir en el pie de la imagen.

# data[].attributes.attachment_caption
Mensaje sobre el texto alternativo en imáges de redes sociales.

# data[].attributes.headline
Cápsula 12: Texto alternativo en imágenes de redes sociales.

# data[].attributes.subject
Cápsula 12: Texto alternativo en imágenes de redes sociales.

# data[].attributes.body
Para conocer como agregar texto alternativo al subir imágenes en redes sociales, visite los siguientes tutoriales:

Facebook

Instagram

X (antes Twitter)

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?“, logos de varias redes sociales y el siguiente texto: ¿Sabía usted que en las imágenes que compartimos en redes sociales también se debe incluir texto alternativo? Las personas con discapacidad también son usuarias de redes sociales, así que Facebook, Instagram, y X y ofrecen la opción de agregar texto alternativo cuando se carga una imagen. Pinterest no da una opción aparte, pero se puede utilizar el espacio de descripción.

# data[].attributes.headline
Cápsula 12: texto alternativo en imágenes de Facebook

# data[].attributes.subject
Cápsula 12: texto alternativo en imágenes de Facebook

# data[].attributes.attachment_link.title
Accesibilidad a la Información (3): ¿Cómo agregar texto alternativo en Facebook?

# data[].attributes.headline
Cápsula 12: texto alternativo en imágenes de X (antes Twitter)

# data[].attributes.subject
Cápsula 12: texto alternativo en imágenes de X (antes Twitter)

# data[].attributes.attachment_link.title
Accesibilidad a la Información (4): ¿Cómo agregar texto alternativo en Twitter?

# data[].attributes.attachment_caption
Mensaje sobre texto alternativo en tablas.

# data[].attributes.headline
Cápsula 13: Texto alternativo en tablas.

# data[].attributes.subject
Cápsula 13: Texto alternativo en tablas.

# data[].attributes.body
Para conocer cómo se agrega el texto alternativo en una tabla, en el siguiente vínculo puede acceder a un corto videotutorial.

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?“, imagen de una laptop con la captura del video y el siguiente texto: ¿Sabía usted que las tablas son apoyos visuales y como tales también deben tener texto alternativo? Aunque los programas lectores de pantalla pueden leer tablas accesibles, el texto alternativo sirve para que las personas usuarias tengan un pequeño resumen de la información y puedan decidir si desean explorarlas o no.

# data[].attributes.body
Video sobre elaboración de tablas accesibles.

# data[].attributes.attachment_caption
Mensaje sobre características de las tipografías accesibles.

# data[].attributes.body
Para obtener más información, acceda a un video elaborado con Canvas, por lo cual cuenta con características de accesibilidad. Acceda al video “Tipografías accesibles” o bien, acceda a la sección de “Documentos de consulta” de la página del MEP sobre Accesibilidad.

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?“, imagen de una laptop con la captura del video y el siguiente texto: ¿Sabía usted que en las tipografías o fuentes se les llama serifas a los filos, adornos, risos, líneas innecesarias, remates o trazos irregulares de las letras? Para algunas personas, estas características dificultan la lectura, por eso se deben utilizar fuentes sin serifas o “palo seco”.

# data[].attributes.attachment_caption
Mensaje sobre el tamaño que deben tener los textos para que sean accesibles.

# data[].attributes.body
Para obtener más información, puede ver el video multimedia accesible “Tipografías Accesibles-El tamaño” o bien, acceda a la sección de “Documentos de consulta” de la página del MEP sobre Accesibilidad, en el siguiente enlace: https://www.mep.go.cr/accesibilidad

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?“, captura del video y el siguiente texto: ¿Sabía usted que si los textos de un documento no tienen el tamaño adecuado muchas personas no los podrán percibir? Esto es lo mismo que si la información no existiera. En documento de Word, Excel o similares el tamaño mínimo debe ser de 12 puntos y si por sus características particulares la fuente tipográfica es pequeña, como la Calibri, debe ser aún más grande.

# data[].attributes.attachment_caption
Mensaje sobre el color que deben tener los textos de un docmento para que sean accesibles.

# data[].attributes.headline
Cápsula 16: Uso del color en los textos.

# data[].attributes.subject
Cápsula 16: Uso del color en los textos.

# data[].attributes.body
Para obtener más información, puede ver en línea video sobre Color de Textos Accesible, o bien, acceda a la sección de “Documentos de consulta” de la página del MEP sobre Accesibilidad, en el siguiente enlace: https://www.mep.go.cr/accesibilidad

# data[].attributes.wish_content.attachment_props.alternative_text
Mensaje con logo del MEP, logo de la campaña "¿Sabía usted...?“, captura del video y el siguiente texto: ¿Sabía usted que si el color del texto no cumple con ciertas características, muchas personas no podrán percibir la información? Este debe tener alto contraste con respecto al fondo y la comprensión del mensaje no debe depender únicamente del color.