Principio I. M\u00faltiples formas de presentaci\u00f3n<\/h3>\r\n\r\n \t- Definir agendas de trabajo para cada m\u00f3dulo o tema, que especifique el tema general a abordar, el periodo de fechas que comprende, el objetivo, el valor porcentual general, los materiales y las actividades.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_665\" align=\"aligncenter\" width=\"745\"]![\"Ejemplo](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/5-2-agenda.png\")
<\/a> Figura 5.1. Ejemplo de agenda de trabajo que contempla los aspectos generales de un m\u00f3dulo de trabajo de la asignatura Principios del Derecho Penal.
\u00a9 Edwin Jim\u00e9nez (2019).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n \t- Escribir de forma clara y precisa las instrucciones de las actividades por desarrollar; que no quede ninguna posibilidad de omisi\u00f3n o mala interpretaci\u00f3n por parte del estudiante. Contar con una estructura est\u00e1ndar es lo ideal.<\/li>\r\n \t
- Elaborar, de preferencia por parte del docente, un resumen del tema previo a su abordaje, le permitir\u00e1 al estudiantado tener una visi\u00f3n general de lo que se abordar\u00e1.<\/li>\r\n \t
- Facilitar un glosario con los t\u00e9rminos especializados de acuerdo con el \u00e1rea de estudio. En caso de que la plataforma virtual cuente con este tipo de herramienta, util\u00edcela para este fin.<\/li>\r\n \t
- Compartir archivos cuyo formato permita la personalizaci\u00f3n, tales como:\r\n
\r\n \t- TXT, ODT, DOC, DOCX o DOC y PDF (que no sea imagen) con una estructura bien definida que permita separar el contenido de la presentaci\u00f3n. De esta manera, el grupo de estudiantes podr\u00e1 adaptar la visualizaci\u00f3n del contenido a sus necesidades, personalizando el tama\u00f1o y tipo de letra, el contraste entre el color de fondo y el texto, y el espaciado o interlineado.<\/li>\r\n \t
- MP3 y MP4, de modo que se pueda controlar el volumen, as\u00ed como la velocidad de reproducci\u00f3n. Para ello, se recomienda utilizar el programa VLC ya que es libre, de c\u00f3digo abierto y multiplataforma.<\/li>\r\n \t
- SRT o SUB en el caso de los videos; incluir subt\u00edtulos en formato abierto para su f\u00e1cil manipulaci\u00f3n y configuraci\u00f3n (cambio de color, tipo o tama\u00f1o de letra). Adem\u00e1s, deber\u00e1 incluirse una transcripci\u00f3n textual completa (en cuenta los sonidos del ambiente) de los audios y videos que se ponen a disposici\u00f3n del grupo estudiantil. En este sentido, la herramienta de subt\u00edtulos autom\u00e1ticos de YouTube puede ser de gran ayuda.<\/li>\r\n \t
- En el caso de utilizar im\u00e1genes ([pb_glossary id=\"171\"]jpeg[\/pb_glossary] o [pb_glossary id=\"203\"]png[\/pb_glossary]) dentro del entorno virtual o en los documentos que ah\u00ed se colocan, debe incluirse una descripci\u00f3n textual del contenido de estas. Esta descripci\u00f3n debe ser detallada, que contemple la informaci\u00f3n m\u00e1s importante de la imagen; pero, adem\u00e1s, tiene que incluir su significado o lo que transmite a partir del contenido que se est\u00e1 abordando. En la Gu\u00eda Consideraciones para implementaci\u00f3n de las pautas que se establecen en el Dise\u00f1o Universal para el Aprendizaje (DUA) en los Entornos Virtuales de la Universidad Estatal a Distancia (UNED) de Costa Rica<\/a> podr\u00e1 encontrar informaci\u00f3n respecto a c\u00f3mo realizar esto seg\u00fan el programa inform\u00e1tico que utilice). Reserve el uso del formato gif animado para representar ciclos, procesos o infogr\u00e1ficos.<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t
- Titular los archivos utilizando nombres cortos, concretos y que guarden relaci\u00f3n con el contenido. Adem\u00e1s, es preciso usar espacios en blanco para separar las palabras, as\u00ed como s\u00edmbolos, tildes y abreviaturas que pierden significado. Por ejemplo:\r\n
\r\n \t- Mala pr\u00e1ctica:
orientaci\u00f3n acad\u00e9mica.pdf \/ orad#1.docx<\/code><\/li>\r\n \t- Buena pr\u00e1ctica:
orientacion-academica.pdf<\/code><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\nPrincipio II. Usar m\u00faltiples formas de expresi\u00f3n<\/h3>\r\n\r\n \t- Permitir al estudiantado participar en actividades como: foros, tareas, diarios y otras; utilizando audio y video, adem\u00e1s de la forma escrita. Esto depende de la estrategia y del objetivo de aprendizaje que se pretende alcanzar.<\/li>\r\n \t
- Realimentar de manera oral y escrita al grupo de estudiantes, exponiendo aspectos en los que se fall\u00f3, pero tambi\u00e9n evidenciando las mejoras que pueden hacer para corregir su propuesta.<\/li>\r\n \t
- En caso de que la plataforma virtual no emplee [pb_glossary id=\"168\"]iconograf\u00eda[\/pb_glossary] para diferenciar los elementos que se colocan en el entorno, utilice iconograf\u00eda que le permita al grupo estudiantil intuir sobre lo que encontrar\u00e1 o deber\u00e1 ejecutar. Cabe mencionar que esta tiene que incluir texto alternativo que le permita a un lector de pantalla leer su significado.<\/li>\r\n<\/ul>\r\n
\r\nEjemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_666\" align=\"aligncenter\" width=\"1024\"]![\"Ejemplo](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/iconografia-1024x367.png\")
<\/a> Figura 5.2. Ejemplo de iconograf\u00eda que representa los diferentes elementos habilitados en el entorno, seg\u00fan la plataforma Moodle 3.9.2.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n \t- Organizar el acceso a la informaci\u00f3n y elementos que componen el entorno virtual por medio de encabezados, etiquetas, carpetas o cualquier otro elemento que permita agruparlos seg\u00fan corresponda, de manera que sea uniforme.<\/li>\r\n<\/ul>\r\n
\r\nEjemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_668\" align=\"aligncenter\" width=\"1024\"]![\"Imagen](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/entorno-1024x716.png\")
<\/a> Figura 5.3. Ejemplo de entorno organizado por medio de etiquetas (Materiales-Actividades).
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n \r\n\r\n \t- Dependiendo del nivel de dificultad o de acciones por ejecutar en una tarea, se deben habilitar las instrucciones con tiempo, de forma tal que el estudiantado conozca lo que debe realizar de previo para ejecutar y entregar lo que corresponda.<\/li>\r\n \t
- Dentro de la plataforma virtual, no es aconsejable incluir actividades con un tiempo muy limitado para su realizaci\u00f3n, puesto que adem\u00e1s de crear problemas de accesibilidad a personas con discapacidad, tambi\u00e9n son un foco de ansiedad para todos los participantes, sobre todo cuando estos se encuentran en un sistema de formaci\u00f3n a distancia.<\/li>\r\n \t
- Ofrecer actividades de pr\u00e1ctica, al grupo de estudiantes, que le permitan afianzar los conocimientos previos a ser evaluados.<\/li>\r\n \t
- Sugerir herramientas que le faciliten generar la actividad solicitadas junto con su respectivo manual de uso, tanto de forma escrita como [pb_glossary id=\"179\"]audiovisual[\/pb_glossary].<\/li>\r\n \t
- Agregar ejemplos de estructura de actividades, en caso de que estas impliquen un nivel espec\u00edfico de complejidad.<\/li>\r\n \t
- Facilitar medios alternativos de presentaci\u00f3n de trabajo para estudiantes que se ubican en zonas donde se les dificulte la conexi\u00f3n web.<\/li>\r\n<\/ul>\r\n
Principio III. Usar m\u00faltiples formas de motivaci\u00f3n<\/h3>\r\n\r\n \t- Proponer actividades grupales y de desarrollo individual de manera proporcional para buscar satisfacer ambas preferencias.<\/li>\r\n \t
- Programar en el calendario del entorno virtual, si la plataforma virtual brinda la opci\u00f3n, todas las actividades que se deben realizar ya que, esta herramienta puede enviar notificaciones al estudiantado. Por ejemplo: registrar la fecha l\u00edmite de entrega de la tarea y el rango de fechas para participar en un foro de discusi\u00f3n entre otras.<\/li>\r\n \t
- Utilizar una herramienta que le permita al estudiantado monitorear su avance, como por ejemplo la \u00abBarra de progreso\u00bb en Moodle 3.9.2+ .<\/li>\r\n \t
- Habilitar retos o actividades optativas que les permitan a los estudiantes generar destrezas adicionales ligadas con la especialidad profesional, como por ejemplo liderazgo y comunicaci\u00f3n asertiva, entre otras.<\/li>\r\n \t
- Permitir la entrega de trabajos en diferentes formatos sin que al hacerlo limite el alcance del objetivo pedag\u00f3gico; por ejemplo: se puede colocar un mapa conceptual elaborado en CmapTools\u00a9 o hecho a mano en una cartulina y, posteriormente, tomar una fotograf\u00eda y subirla a la plataforma.<\/li>\r\n \t
- Proporcionar listas de verificaci\u00f3n ([pb_glossary id=\"169\"]instrumentos de evaluaci\u00f3n[\/pb_glossary]) que les posibiliten a los estudiantes evaluar su trabajo e incorporar los cambios requeridos. Despu\u00e9s, debe ponerlos a disposici\u00f3n del estudiantado para la verificaci\u00f3n de los niveles de rendimiento alcanzados en la actividad.<\/li>\r\n \t
- Habilitar todos los recursos did\u00e1cticos y las instrucciones de actividades desde el inicio; de esta forma, el estudiante podr\u00e1 avanzar a su ritmo y sin contratiempos. Cabe resaltar que se deben establecer fechas para el env\u00edo de las actividades.<\/li>\r\n<\/ul>\r\n
Consideraciones t\u00e9cnicas<\/h2>\r\nTexto<\/h3>\r\nFormato<\/h4>\r\n\r\n \t- Evite utilizar fuentes de letras que terminan con adornos en los bordes y las cursivas, ya que estas impiden una adecuada lectura.<\/li>\r\n<\/ul>\r\n
\r\nEjemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_670\" align=\"aligncenter\" width=\"962\"]![\"Se](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/formato.png\")
<\/a> Figura 5.4. Ejemplo de tipograf\u00edas que contienen adornos o remates en las terminaciones de los grafos de las letras.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n \t- Utilice fuentes tipogr\u00e1ficas como: Arial, Verdana, Tahoma o Helv\u00e9tica para facilitar la comprensi\u00f3n del texto y evitar el cansancio visual.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_672\" align=\"aligncenter\" width=\"1024\"]![\"Tres](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/sans-serif@2x-1024x124.png\")
<\/a> Figura 5.5. Ejemplo de las tipograf\u00edas que se recomiendan utilizar.
\u00a9 Alejandra Castro y Cinthya Valerio[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n \t- Aplique al texto un tama\u00f1o de fuente que oscile entre los 12 y los 18 puntos, ya que se facilita la lectura tanto en pantalla como para impresi\u00f3n.<\/li>\r\n \t
- Escriba en formato horizontal y as\u00ed evitar\u00e1 la escritura en columnas. En caso de que sea necesario, recuerde configurar el salto de columna para facilitar la comprensi\u00f3n desde un lector de pantalla.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_673\" align=\"aligncenter\" width=\"1024\"]![\"Se](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/dos-col-1024x152.png\")
<\/a> Figura 5.6. Ejemplo de un texto a dos columnas con la configuraci\u00f3n de \u00abSalto de columna\u00bb.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n \t- Utilice el justificado a la izquierda, ya que ayuda a encontrar el principio del rengl\u00f3n y evita que se creen una especie de \u00abr\u00edos\u00bb en el texto, los cuales dificultan su lectura a personas con problemas de lectoescritura o visi\u00f3n. Adem\u00e1s, se recomienda utilizar un interlineado de espacio y medio en todo el documento.<\/li>\r\n<\/ul>\r\n
\r\nEjemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\nDeslice el controlador para comparar las dos im\u00e1genes.\r\n\r\n \t- Ejemplo de un texto alineado de forma justificada a ambos lados, en el que se marcan los espacios que, de forma coincidente, generan un \u00abr\u00edo\u00bb.<\/li>\r\n \t
- Ejemplo de un texto alineado al margen izquierdo, en el que se marcan la inexistencia de los espacios vac\u00edos que se conocen como \u00abr\u00edos\u00bb.<\/li>\r\n<\/ol>\r\n[h5p id=\"1\"]\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\u00a0<\/em>\r\n
\r\n \t- Procure no usar diferentes tipos de fuentes; lo recomendable es mantener la homogeneidad. Adem\u00e1s, considere que no es apropiado emplear aquellas que se han descargado de sitios externos, puesto que, al no ser las predeterminadas por el programa, podr\u00eda ocasionar problemas de lectura para otros que no tienen la fuente instalada en sus dispositivos.<\/li>\r\n \t
- Evite el uso de texto en may\u00fasculas o subrayado; este \u00faltimo formato se debe evitar pues podr\u00eda interpretarse como un hiperv\u00ednculo.<\/li>\r\n \t
- Reserve el uso de la negrita para resaltar algunas palabras que tengan alg\u00fan nivel de relevancia en el texto.<\/li>\r\n \t
- Al compartir una direcci\u00f3n web, debe hacerlo utilizando la herramienta que disponga la plataforma para este fin, de manera que le permita personalizar el nombre del enlace; as\u00ed, el estudiantado podr\u00e1 conocer el tipo de informaci\u00f3n que encontrar\u00e1 al hacer clic sobre este.<\/li>\r\n \t
- No utilice las direcciones web o URL de forma directa dentro del texto. Tome en cuenta que si el documento est\u00e1 destinado para ser impreso, deber\u00e1 colocar la direcci\u00f3n web entre par\u00e9ntesis, al lado del texto que tiene el hiperv\u00ednculo. Por ejemplo: P\u00e1gina de la Universidad Estatal a Distancia<\/a>.<\/li>\r\n<\/ul>\r\n
Redacci\u00f3n<\/h4>\r\n\r\n \t- Utilice un lenguaje sencillo; evite el uso de tecnicismos y palabras en otros idiomas si no es necesario.<\/li>\r\n \t
- Evite el uso del color como \u00fanico medio para transmitir informaci\u00f3n visual; por ejemplo: \u00abseg\u00fan el texto resaltado en rojo\u00bb; o indicarle a alguien los cambios realizados en un documento solo resaltando el texto en alg\u00fan color, ya que usuarios con ceguera a ciertos espectros de color (daltonismo), d\u00e9ficit visual, con acceso \u00fanicamente a dispositivos en blanco y negro o acceso a espacios f\u00edsicos acondicionados con poca o mucha luz, entonces no ser\u00e1n capaces de distinguirlos e incluso de leerlos.<\/li>\r\n \t
- En caso de utilizar abreviaturas, siglas y acr\u00f3nimos, coloque el significado de cada uno de ellos. Por ejemplo: Universidad Estatal a Distancia (UNED).<\/li>\r\n \t
- Emplee frases afirmativas pues las negativas son m\u00e1s dif\u00edciles de comprender, pueden interpretarse err\u00f3neamente o provocar que las personas con discapacidad auditiva requieran m\u00e1s tiempo para comprenderlas. Por ejemplo:\r\n
\r\n \t- Frase negativa: No es bueno llegar tarde; es un mal h\u00e1bito.<\/li>\r\n \t
- Frase positiva: Llegar tarde es un mal h\u00e1bito; evite hacerlo.<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t
- Utilice la opci\u00f3n comentario para retroalimentar el trabajo en lugar de resaltar con alg\u00fan color.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_678\" align=\"aligncenter\" width=\"1024\"]![\"Se](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/redaccion-1024x138.png\")
<\/a> Figura 5.7. Ejemplo del uso de la herramienta \u00abComentario\u00bb para retroalimentar el trabajo del estudiantado.
\u00a9 Alejandra Castro y Cinthya Valerio[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nRedacci\u00f3n de texto alternativo<\/h4>\r\nEl texto alternativo es una descripci\u00f3n que se agrega a la imagen, el gr\u00e1fico o la tabla para transmitir el significado y el contexto de dichos elementos, de forma que los lectores de pantalla tengan acceso a esa informaci\u00f3n, la lean para el usuario y, de esta forma, se facilite su comprensi\u00f3n sin importar la limitaci\u00f3n.\r\nIm\u00e1genes<\/h5>\r\n\r\n \t- Describa las im\u00e1genes de manera objetiva, evitando utilizar solo caracter\u00edsticas sensoriales como, por ejemplo, \u00abel atardecer es espectacular\u00bb, \u00abEl edificio m\u00e1s peque\u00f1o\u00bb; cuando puede escribir \u00abla imagen muestra la luz del sol sobre una ciudad, por lo que se reflejan diversos colores que provocan en el espectador diversas emociones\u00bb o \u00abla imagen muestra cuatro edificios de diferentes alturas, por la cantidad de pisos que cada uno tiene, para as\u00ed evidenciar cu\u00e1l de ellos es el de menor elevaci\u00f3n\u00bb.<\/li>\r\n \t
- Describa el lugar donde se desarrolla la escena, qui\u00e9n o qui\u00e9nes aparecen en la imagen, as\u00ed como su aspecto f\u00edsico y estado de \u00e1nimo, utilizando adjetivos calificativos (caliente, sucio, alto, delgado, ancho, atractivo, calvo, alegre, triste, enojado\u2026)<\/li>\r\n \t
- Utilice las preposiciones (a, ante, bajo, con, contra, de, desde, durante, en, entre, excepto, hacia, hasta, mediante, para, por, salvo, seg\u00fan, sin, sobre\u00a0y\u00a0tras), los adverbios de lugar (delante, detr\u00e1s, arriba, abajo, cerca, lejos, encima, debajo, alrededor\u2026) y los pronombres demostrativos o determinativos (esa, este, esos, estas, aquellas\u2026) para dar claridad a la descripci\u00f3n. Por ejemplo:\r\n
\r\n \t- Incorrecto: La bola est\u00e1 arriba de la silla.<\/li>\r\n \t
- Correcto: La bola est\u00e1 ubicada sobre el asiento de la silla.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n
Gr\u00e1ficos<\/h5>\r\n\r\n \t- Indique en la descripci\u00f3n del texto alternativo: tipo, t\u00edtulo, unidad de medida que se utiliza, nombre de los ejes, n\u00famero de secciones y nombre de cada una, as\u00ed como los datos que representa cada secci\u00f3n.<\/li>\r\n \t
- Describa los gr\u00e1ficos utilizando adjetivos calificativos, adem\u00e1s de las preposiciones para establecer relaciones. Recuerde describir la posici\u00f3n, as\u00ed como la acci\u00f3n de tales recursos dentro del texto. No olvide mencionar los aspectos que son visibles pues hacen comprensible la intenci\u00f3n del recurso.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_680\" align=\"aligncenter\" width=\"1024\"]![\"Imagen](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/imagenes-1024x279.png\")
<\/a> Figura 5.8. Ejemplo de la descripci\u00f3n de un gr\u00e1fico en el texto alternativo.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nTablas<\/h5>\r\n\r\n \t- Indique en la descripci\u00f3n del texto alternativo el t\u00edtulo y el nombre de los encabezados de las filas y columnas.<\/li>\r\n \t
- Describa las tablas utilizando adjetivos calificativos, adem\u00e1s de las preposiciones para establecer relaciones. Recuerde describir la posici\u00f3n, al igual que la acci\u00f3n de tales recursos dentro del texto. No olvide transcribir en orden, de forma coherente y estableciendo relaci\u00f3n con la fila o columna correspondiente, el texto de cada celda.<\/li>\r\n<\/ul>\r\n
Im\u00e1genes<\/h3>\r\n\r\n \t- Prescinda del uso de im\u00e1genes que no sean necesarias o de adorno; recuerde que las im\u00e1genes son un refuerzo y un apoyo para la compresi\u00f3n de un tema. En caso de hacerlo, coloque como texto alternativo \u00abImagen decorativa\u00bb.<\/li>\r\n \t
- Utilice im\u00e1genes sencillas y sin muchos detalles. En el caso de necesitar incluir im\u00e1genes complejas, describa siempre su significado al pie de la imagen para que est\u00e9 visible para todo el estudiantado.<\/li>\r\n \t
- Evada incluir texto en las im\u00e1genes ya que se dificulta su lectura; en caso de hacerlo, es importante verificar que exista un buen contraste entre el fondo y la imagen. Recuerde que el color amarillo no es recomendable emplearlo debido a que es muy luminoso y, por lo tanto, puede ser imperceptible para algunos estudiantes. Si tiene alguna duda sobre esto, puede utilizar un analizador de contraste como, por ejemplo: Colour Contrast Analyser<\/a>.<\/li>\r\n \t
- Coloque las im\u00e1genes al lado derecho del texto; en caso contrario, debe mantener alineado el texto al margen izquierdo. Evite intercalarlas entre ambos m\u00e1rgenes.<\/li>\r\n<\/ul>\r\n\r\n
\r\nEjemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_681\" align=\"aligncenter\" width=\"1024\"]![\"Se](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/img-float-1024x339.png\")
<\/a> Figura 5.9. Ejemplo de una imagen alineada al margen derecho y de texto alineado al margen izquierdo, seg\u00fan lo recomendado.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n\r\n[caption id=\"attachment_682\" align=\"aligncenter\" width=\"1024\"]![\"Se](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/2-imgs-1024x689.png\")
<\/a> Figura 5.10. Ejemplo de una secuencia de im\u00e1genes alineadas de manera intercalada entre ambos m\u00e1rgenes, lo cual debe evitarse.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n \t- Si en lugar de fotos se utilizan dibujos o esquemas entre otros, procure que est\u00e9n realizados en trazos sencillos y gruesos, con pocos detalles y sobre un fondo sin im\u00e1genes.<\/li>\r\n \t
- A\u00f1ada una alternativa textual a cada imagen que utilice. Indique su intencionalidad a partir del contexto que ilustra. Esto facilitar\u00e1 la comprensi\u00f3n de la imagen para aquellas personas que utilizan un lector de pantalla.<\/li>\r\n<\/ul>\r\n
Videos y audios<\/h3>\r\n\r\n \t- Subtitule los videos[footnote]De preferencia en idioma ingl\u00e9s adem\u00e1s del espa\u00f1ol, dependiendo del alcance que desee darle al recurso, de manera que el usuario pueda seleccionar el de su preferencia. Esto no descarta la posibilidad de colocar alg\u00fan otro idioma.[\/footnote] que realice y que ser\u00e1n empleados como recurso en el entorno virtual. Para eso, se recomienda utilizar la ayuda<\/a> que YouTube facilita para ello. Si el video no es propio, debe utilizar un generador de subt\u00edtulos en l\u00ednea.<\/li>\r\n \t
- Puede integrar la interpretaci\u00f3n en Lenguaje de Se\u00f1as Costarricense (LESCO) cuando realice un video, tomando en consideraci\u00f3n los criterios t\u00e9cnicos para ello desde el inicio de la grabaci\u00f3n. Por ejemplo, prever el espacio que ocupar\u00e1 el int\u00e9rprete en relaci\u00f3n con la imagen que se proyecta y as\u00ed no interferir con la visualizaci\u00f3n de elementos clave. Tome en cuenta que ello podr\u00eda implicar una limitante para internacionalizar la asignatura o el curso, ya que este lenguaje es \u00fanicamente costarricense.<\/li>\r\n \t
- Aproveche la audio-descripci\u00f3n en un video pues eso facilitar\u00e1 la interpretaci\u00f3n de lo que se proyecta. Este relato debe describir acciones, expresiones y escenarios.<\/li>\r\n \t
- Al grabar, procure lo siguiente:\r\n
\r\n \t- Ubicarse en un lugar con la menor cantidad de ruido externo posible para contar con m\u00e1s claridad en lo que se desea comunicar.<\/li>\r\n \t
- Ajustar la c\u00e1mara a la altura de los ojos y en el caso del micr\u00f3fono cerca de la boca o, de preferencia, unos aud\u00edfonos que lo tengan incorporado.<\/li>\r\n \t
- La iluminaci\u00f3n debe ser frontal y suave, de una ventana o bien de una l\u00e1mpara.<\/li>\r\n \t
- Evite utilizar accesorios tales como collares, pulseras o aretes que puedan generar ruidos distractores o molestos.<\/li>\r\n \t
- Cuide que el color de la ropa no sea igual a la del fondo y evite emplear colores muy claros, brillos o estampados pues distraen la atenci\u00f3n y en ocasiones, generan efectos visuales que cansan la vista.<\/li>\r\n \t
- Recuerde emplear los dispositivos m\u00f3viles de manera horizontal porque la visi\u00f3n humana es tambi\u00e9n horizontal.<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t
- Cuando se trate de audio, adjunte un archivo con la transcripci\u00f3n de lo que se comunica para brindar una alternativa a las personas con problemas de audici\u00f3n, sordera o que simplemente prefieren la lectura.<\/li>\r\n<\/ul>\r\n
Plataforma virtual<\/h3>\r\n\r\n \t- Utilice una estructura que permita mostrar siempre el nombre de la asignatura o el curso y los recursos de consulta permanente, ya que esto evitar\u00e1 que los estudiantes deban hacer clic para tener acceso a ellos cuando se encuentren en otras unidades tem\u00e1ticas.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_684\" align=\"aligncenter\" width=\"1024\"]![\"Imagen](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/entorno2-1024x922.png\")
<\/a> Figura 5.11. Ejemplo de la estructura que deja siempre visible el nombre de la asignatura o el curso y los recursos de consulta permanente.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n \t- Aseg\u00farese de que la plataforma cuente con opciones de atajos que permitan mejorar la navegabilidad en el entorno sin tener que recurrir al scroll<\/em>.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_685\" align=\"aligncenter\" width=\"1024\"]![\"Se](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/atajos-moodle-1024x606.png\")
<\/a> Figura 5.12. Ejemplo de atajos disponibles en la plataforma Moodle 3.9.2+.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n \r\n\r\n \t- Distribuya los contenidos por m\u00f3dulo, unidad o tema e indique el nombre y n\u00famero de este, as\u00ed como el periodo de fecha que comprender\u00e1 su estudio.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_686\" align=\"aligncenter\" width=\"1024\"]![\"Se](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/entorno-1-1024x716.png\")
<\/a> Figura 5.13. Ejemplo de distribuci\u00f3n de contenidos seg\u00fan modelo sugerido.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n \t- Canalice el acceso a todas las actividades y los recursos acad\u00e9micos dentro del entorno virtual. Por lo tanto, evite el uso de herramientas no habituales que podr\u00edan confundir al estudiantado.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_687\" align=\"aligncenter\" width=\"1024\"]![\"Se](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/entorno-virtual-1024x771.png\")
<\/a> Figura 5.14. Ejemplo del acceso a todas las actividades y recursos acad\u00e9micos dentro del entorno virtual y un enlace que dirige a una herramienta externa que puede confundir al estudiantado.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n \t- Habilite un espacio \u00fanico para anuncios y notificaciones con el prop\u00f3sito de que el estudiantado los ubique con m\u00e1s rapidez.<\/li>\r\n \t
- Cree enlaces descriptivos en los recursos y materiales, de manera que el estudiantado sepa de previo qu\u00e9 esperar cuando haga clic sobre \u00e9l. Adem\u00e1s, inf\u00f3rmeles cuando se desplegar\u00e1n en ventanas emergentes, a fin de orientarlos.<\/li>\r\n<\/ul>\r\n
\r\nEjemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_688\" align=\"aligncenter\" width=\"1024\"]![\"Imagen](\"https:\/\/multimedia.uned.ac.cr\/pem\/libros\/criterios-asignaturas-cursos-en-linea\/wp-content\/uploads\/sites\/2\/2021\/04\/enlace-desc-1024x249.png\")
<\/a> Figura 5.15. Ejemplo de enlace descriptivo de un documento subido a la plataforma.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n
Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_665\" align=\"aligncenter\" width=\"745\"]<\/a> Figura 5.1. Ejemplo de agenda de trabajo que contempla los aspectos generales de un m\u00f3dulo de trabajo de la asignatura Principios del Derecho Penal.
\u00a9 Edwin Jim\u00e9nez (2019).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n
<\/a> Figura 5.1. Ejemplo de agenda de trabajo que contempla los aspectos generales de un m\u00f3dulo de trabajo de la asignatura Principios del Derecho Penal. \u00a9 Edwin Jim\u00e9nez (2019).[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n
- \r\n \t
- Escribir de forma clara y precisa las instrucciones de las actividades por desarrollar; que no quede ninguna posibilidad de omisi\u00f3n o mala interpretaci\u00f3n por parte del estudiante. Contar con una estructura est\u00e1ndar es lo ideal.<\/li>\r\n \t
- Elaborar, de preferencia por parte del docente, un resumen del tema previo a su abordaje, le permitir\u00e1 al estudiantado tener una visi\u00f3n general de lo que se abordar\u00e1.<\/li>\r\n \t
- Facilitar un glosario con los t\u00e9rminos especializados de acuerdo con el \u00e1rea de estudio. En caso de que la plataforma virtual cuente con este tipo de herramienta, util\u00edcela para este fin.<\/li>\r\n \t
- Compartir archivos cuyo formato permita la personalizaci\u00f3n, tales como:\r\n
- \r\n \t
- TXT, ODT, DOC, DOCX o DOC y PDF (que no sea imagen) con una estructura bien definida que permita separar el contenido de la presentaci\u00f3n. De esta manera, el grupo de estudiantes podr\u00e1 adaptar la visualizaci\u00f3n del contenido a sus necesidades, personalizando el tama\u00f1o y tipo de letra, el contraste entre el color de fondo y el texto, y el espaciado o interlineado.<\/li>\r\n \t
- MP3 y MP4, de modo que se pueda controlar el volumen, as\u00ed como la velocidad de reproducci\u00f3n. Para ello, se recomienda utilizar el programa VLC ya que es libre, de c\u00f3digo abierto y multiplataforma.<\/li>\r\n \t
- SRT o SUB en el caso de los videos; incluir subt\u00edtulos en formato abierto para su f\u00e1cil manipulaci\u00f3n y configuraci\u00f3n (cambio de color, tipo o tama\u00f1o de letra). Adem\u00e1s, deber\u00e1 incluirse una transcripci\u00f3n textual completa (en cuenta los sonidos del ambiente) de los audios y videos que se ponen a disposici\u00f3n del grupo estudiantil. En este sentido, la herramienta de subt\u00edtulos autom\u00e1ticos de YouTube puede ser de gran ayuda.<\/li>\r\n \t
- En el caso de utilizar im\u00e1genes ([pb_glossary id=\"171\"]jpeg[\/pb_glossary] o [pb_glossary id=\"203\"]png[\/pb_glossary]) dentro del entorno virtual o en los documentos que ah\u00ed se colocan, debe incluirse una descripci\u00f3n textual del contenido de estas. Esta descripci\u00f3n debe ser detallada, que contemple la informaci\u00f3n m\u00e1s importante de la imagen; pero, adem\u00e1s, tiene que incluir su significado o lo que transmite a partir del contenido que se est\u00e1 abordando. En la Gu\u00eda Consideraciones para implementaci\u00f3n de las pautas que se establecen en el Dise\u00f1o Universal para el Aprendizaje (DUA) en los Entornos Virtuales de la Universidad Estatal a Distancia (UNED) de Costa Rica<\/a> podr\u00e1 encontrar informaci\u00f3n respecto a c\u00f3mo realizar esto seg\u00fan el programa inform\u00e1tico que utilice). Reserve el uso del formato gif animado para representar ciclos, procesos o infogr\u00e1ficos.<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t
- Titular los archivos utilizando nombres cortos, concretos y que guarden relaci\u00f3n con el contenido. Adem\u00e1s, es preciso usar espacios en blanco para separar las palabras, as\u00ed como s\u00edmbolos, tildes y abreviaturas que pierden significado. Por ejemplo:\r\n
- \r\n \t
- Mala pr\u00e1ctica:
orientaci\u00f3n acad\u00e9mica.pdf \/ orad#1.docx<\/code><\/li>\r\n \t- Buena pr\u00e1ctica:
orientacion-academica.pdf<\/code><\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\nPrincipio II. Usar m\u00faltiples formas de expresi\u00f3n<\/h3>\r\n
- \r\n \t
- Permitir al estudiantado participar en actividades como: foros, tareas, diarios y otras; utilizando audio y video, adem\u00e1s de la forma escrita. Esto depende de la estrategia y del objetivo de aprendizaje que se pretende alcanzar.<\/li>\r\n \t
- Realimentar de manera oral y escrita al grupo de estudiantes, exponiendo aspectos en los que se fall\u00f3, pero tambi\u00e9n evidenciando las mejoras que pueden hacer para corregir su propuesta.<\/li>\r\n \t
- En caso de que la plataforma virtual no emplee [pb_glossary id=\"168\"]iconograf\u00eda[\/pb_glossary] para diferenciar los elementos que se colocan en el entorno, utilice iconograf\u00eda que le permita al grupo estudiantil intuir sobre lo que encontrar\u00e1 o deber\u00e1 ejecutar. Cabe mencionar que esta tiene que incluir texto alternativo que le permita a un lector de pantalla leer su significado.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_666\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.2. Ejemplo de iconograf\u00eda que representa los diferentes elementos habilitados en el entorno, seg\u00fan la plataforma Moodle 3.9.2.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n- \r\n \t
- Organizar el acceso a la informaci\u00f3n y elementos que componen el entorno virtual por medio de encabezados, etiquetas, carpetas o cualquier otro elemento que permita agruparlos seg\u00fan corresponda, de manera que sea uniforme.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_668\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.3. Ejemplo de entorno organizado por medio de etiquetas (Materiales-Actividades).
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n \r\n- \r\n \t
- Dependiendo del nivel de dificultad o de acciones por ejecutar en una tarea, se deben habilitar las instrucciones con tiempo, de forma tal que el estudiantado conozca lo que debe realizar de previo para ejecutar y entregar lo que corresponda.<\/li>\r\n \t
- Dentro de la plataforma virtual, no es aconsejable incluir actividades con un tiempo muy limitado para su realizaci\u00f3n, puesto que adem\u00e1s de crear problemas de accesibilidad a personas con discapacidad, tambi\u00e9n son un foco de ansiedad para todos los participantes, sobre todo cuando estos se encuentran en un sistema de formaci\u00f3n a distancia.<\/li>\r\n \t
- Ofrecer actividades de pr\u00e1ctica, al grupo de estudiantes, que le permitan afianzar los conocimientos previos a ser evaluados.<\/li>\r\n \t
- Sugerir herramientas que le faciliten generar la actividad solicitadas junto con su respectivo manual de uso, tanto de forma escrita como [pb_glossary id=\"179\"]audiovisual[\/pb_glossary].<\/li>\r\n \t
- Agregar ejemplos de estructura de actividades, en caso de que estas impliquen un nivel espec\u00edfico de complejidad.<\/li>\r\n \t
- Facilitar medios alternativos de presentaci\u00f3n de trabajo para estudiantes que se ubican en zonas donde se les dificulte la conexi\u00f3n web.<\/li>\r\n<\/ul>\r\n
Principio III. Usar m\u00faltiples formas de motivaci\u00f3n<\/h3>\r\n
- \r\n \t
- Proponer actividades grupales y de desarrollo individual de manera proporcional para buscar satisfacer ambas preferencias.<\/li>\r\n \t
- Programar en el calendario del entorno virtual, si la plataforma virtual brinda la opci\u00f3n, todas las actividades que se deben realizar ya que, esta herramienta puede enviar notificaciones al estudiantado. Por ejemplo: registrar la fecha l\u00edmite de entrega de la tarea y el rango de fechas para participar en un foro de discusi\u00f3n entre otras.<\/li>\r\n \t
- Utilizar una herramienta que le permita al estudiantado monitorear su avance, como por ejemplo la \u00abBarra de progreso\u00bb en Moodle 3.9.2+ .<\/li>\r\n \t
- Habilitar retos o actividades optativas que les permitan a los estudiantes generar destrezas adicionales ligadas con la especialidad profesional, como por ejemplo liderazgo y comunicaci\u00f3n asertiva, entre otras.<\/li>\r\n \t
- Permitir la entrega de trabajos en diferentes formatos sin que al hacerlo limite el alcance del objetivo pedag\u00f3gico; por ejemplo: se puede colocar un mapa conceptual elaborado en CmapTools\u00a9 o hecho a mano en una cartulina y, posteriormente, tomar una fotograf\u00eda y subirla a la plataforma.<\/li>\r\n \t
- Proporcionar listas de verificaci\u00f3n ([pb_glossary id=\"169\"]instrumentos de evaluaci\u00f3n[\/pb_glossary]) que les posibiliten a los estudiantes evaluar su trabajo e incorporar los cambios requeridos. Despu\u00e9s, debe ponerlos a disposici\u00f3n del estudiantado para la verificaci\u00f3n de los niveles de rendimiento alcanzados en la actividad.<\/li>\r\n \t
- Habilitar todos los recursos did\u00e1cticos y las instrucciones de actividades desde el inicio; de esta forma, el estudiante podr\u00e1 avanzar a su ritmo y sin contratiempos. Cabe resaltar que se deben establecer fechas para el env\u00edo de las actividades.<\/li>\r\n<\/ul>\r\n
Consideraciones t\u00e9cnicas<\/h2>\r\n
Texto<\/h3>\r\n
Formato<\/h4>\r\n
- \r\n \t
- Evite utilizar fuentes de letras que terminan con adornos en los bordes y las cursivas, ya que estas impiden una adecuada lectura.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_670\" align=\"aligncenter\" width=\"962\"]<\/a> Figura 5.4. Ejemplo de tipograf\u00edas que contienen adornos o remates en las terminaciones de los grafos de las letras.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n- \r\n \t
- Utilice fuentes tipogr\u00e1ficas como: Arial, Verdana, Tahoma o Helv\u00e9tica para facilitar la comprensi\u00f3n del texto y evitar el cansancio visual.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_672\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.5. Ejemplo de las tipograf\u00edas que se recomiendan utilizar.
\u00a9 Alejandra Castro y Cinthya Valerio[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n- \r\n \t
- Aplique al texto un tama\u00f1o de fuente que oscile entre los 12 y los 18 puntos, ya que se facilita la lectura tanto en pantalla como para impresi\u00f3n.<\/li>\r\n \t
- Escriba en formato horizontal y as\u00ed evitar\u00e1 la escritura en columnas. En caso de que sea necesario, recuerde configurar el salto de columna para facilitar la comprensi\u00f3n desde un lector de pantalla.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_673\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.6. Ejemplo de un texto a dos columnas con la configuraci\u00f3n de \u00abSalto de columna\u00bb.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n- \r\n \t
- Utilice el justificado a la izquierda, ya que ayuda a encontrar el principio del rengl\u00f3n y evita que se creen una especie de \u00abr\u00edos\u00bb en el texto, los cuales dificultan su lectura a personas con problemas de lectoescritura o visi\u00f3n. Adem\u00e1s, se recomienda utilizar un interlineado de espacio y medio en todo el documento.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\nDeslice el controlador para comparar las dos im\u00e1genes.\r\n- \r\n \t
- Ejemplo de un texto alineado de forma justificada a ambos lados, en el que se marcan los espacios que, de forma coincidente, generan un \u00abr\u00edo\u00bb.<\/li>\r\n \t
- Ejemplo de un texto alineado al margen izquierdo, en el que se marcan la inexistencia de los espacios vac\u00edos que se conocen como \u00abr\u00edos\u00bb.<\/li>\r\n<\/ol>\r\n[h5p id=\"1\"]\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\u00a0<\/em>\r\n
- \r\n \t
- Procure no usar diferentes tipos de fuentes; lo recomendable es mantener la homogeneidad. Adem\u00e1s, considere que no es apropiado emplear aquellas que se han descargado de sitios externos, puesto que, al no ser las predeterminadas por el programa, podr\u00eda ocasionar problemas de lectura para otros que no tienen la fuente instalada en sus dispositivos.<\/li>\r\n \t
- Evite el uso de texto en may\u00fasculas o subrayado; este \u00faltimo formato se debe evitar pues podr\u00eda interpretarse como un hiperv\u00ednculo.<\/li>\r\n \t
- Reserve el uso de la negrita para resaltar algunas palabras que tengan alg\u00fan nivel de relevancia en el texto.<\/li>\r\n \t
- Al compartir una direcci\u00f3n web, debe hacerlo utilizando la herramienta que disponga la plataforma para este fin, de manera que le permita personalizar el nombre del enlace; as\u00ed, el estudiantado podr\u00e1 conocer el tipo de informaci\u00f3n que encontrar\u00e1 al hacer clic sobre este.<\/li>\r\n \t
- No utilice las direcciones web o URL de forma directa dentro del texto. Tome en cuenta que si el documento est\u00e1 destinado para ser impreso, deber\u00e1 colocar la direcci\u00f3n web entre par\u00e9ntesis, al lado del texto que tiene el hiperv\u00ednculo. Por ejemplo: P\u00e1gina de la Universidad Estatal a Distancia<\/a>.<\/li>\r\n<\/ul>\r\n
Redacci\u00f3n<\/h4>\r\n
- \r\n \t
- Utilice un lenguaje sencillo; evite el uso de tecnicismos y palabras en otros idiomas si no es necesario.<\/li>\r\n \t
- Evite el uso del color como \u00fanico medio para transmitir informaci\u00f3n visual; por ejemplo: \u00abseg\u00fan el texto resaltado en rojo\u00bb; o indicarle a alguien los cambios realizados en un documento solo resaltando el texto en alg\u00fan color, ya que usuarios con ceguera a ciertos espectros de color (daltonismo), d\u00e9ficit visual, con acceso \u00fanicamente a dispositivos en blanco y negro o acceso a espacios f\u00edsicos acondicionados con poca o mucha luz, entonces no ser\u00e1n capaces de distinguirlos e incluso de leerlos.<\/li>\r\n \t
- En caso de utilizar abreviaturas, siglas y acr\u00f3nimos, coloque el significado de cada uno de ellos. Por ejemplo: Universidad Estatal a Distancia (UNED).<\/li>\r\n \t
- Emplee frases afirmativas pues las negativas son m\u00e1s dif\u00edciles de comprender, pueden interpretarse err\u00f3neamente o provocar que las personas con discapacidad auditiva requieran m\u00e1s tiempo para comprenderlas. Por ejemplo:\r\n
- \r\n \t
- Frase negativa: No es bueno llegar tarde; es un mal h\u00e1bito.<\/li>\r\n \t
- Frase positiva: Llegar tarde es un mal h\u00e1bito; evite hacerlo.<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t
- Utilice la opci\u00f3n comentario para retroalimentar el trabajo en lugar de resaltar con alg\u00fan color.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_678\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.7. Ejemplo del uso de la herramienta \u00abComentario\u00bb para retroalimentar el trabajo del estudiantado.
\u00a9 Alejandra Castro y Cinthya Valerio[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nRedacci\u00f3n de texto alternativo<\/h4>\r\nEl texto alternativo es una descripci\u00f3n que se agrega a la imagen, el gr\u00e1fico o la tabla para transmitir el significado y el contexto de dichos elementos, de forma que los lectores de pantalla tengan acceso a esa informaci\u00f3n, la lean para el usuario y, de esta forma, se facilite su comprensi\u00f3n sin importar la limitaci\u00f3n.\r\n
Im\u00e1genes<\/h5>\r\n
- \r\n \t
- Describa las im\u00e1genes de manera objetiva, evitando utilizar solo caracter\u00edsticas sensoriales como, por ejemplo, \u00abel atardecer es espectacular\u00bb, \u00abEl edificio m\u00e1s peque\u00f1o\u00bb; cuando puede escribir \u00abla imagen muestra la luz del sol sobre una ciudad, por lo que se reflejan diversos colores que provocan en el espectador diversas emociones\u00bb o \u00abla imagen muestra cuatro edificios de diferentes alturas, por la cantidad de pisos que cada uno tiene, para as\u00ed evidenciar cu\u00e1l de ellos es el de menor elevaci\u00f3n\u00bb.<\/li>\r\n \t
- Describa el lugar donde se desarrolla la escena, qui\u00e9n o qui\u00e9nes aparecen en la imagen, as\u00ed como su aspecto f\u00edsico y estado de \u00e1nimo, utilizando adjetivos calificativos (caliente, sucio, alto, delgado, ancho, atractivo, calvo, alegre, triste, enojado\u2026)<\/li>\r\n \t
- Utilice las preposiciones (a, ante, bajo, con, contra, de, desde, durante, en, entre, excepto, hacia, hasta, mediante, para, por, salvo, seg\u00fan, sin, sobre\u00a0y\u00a0tras), los adverbios de lugar (delante, detr\u00e1s, arriba, abajo, cerca, lejos, encima, debajo, alrededor\u2026) y los pronombres demostrativos o determinativos (esa, este, esos, estas, aquellas\u2026) para dar claridad a la descripci\u00f3n. Por ejemplo:\r\n
- \r\n \t
- Incorrecto: La bola est\u00e1 arriba de la silla.<\/li>\r\n \t
- Correcto: La bola est\u00e1 ubicada sobre el asiento de la silla.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n
Gr\u00e1ficos<\/h5>\r\n
- \r\n \t
- Indique en la descripci\u00f3n del texto alternativo: tipo, t\u00edtulo, unidad de medida que se utiliza, nombre de los ejes, n\u00famero de secciones y nombre de cada una, as\u00ed como los datos que representa cada secci\u00f3n.<\/li>\r\n \t
- Describa los gr\u00e1ficos utilizando adjetivos calificativos, adem\u00e1s de las preposiciones para establecer relaciones. Recuerde describir la posici\u00f3n, as\u00ed como la acci\u00f3n de tales recursos dentro del texto. No olvide mencionar los aspectos que son visibles pues hacen comprensible la intenci\u00f3n del recurso.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_680\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.8. Ejemplo de la descripci\u00f3n de un gr\u00e1fico en el texto alternativo.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\nTablas<\/h5>\r\n
- \r\n \t
- Indique en la descripci\u00f3n del texto alternativo el t\u00edtulo y el nombre de los encabezados de las filas y columnas.<\/li>\r\n \t
- Describa las tablas utilizando adjetivos calificativos, adem\u00e1s de las preposiciones para establecer relaciones. Recuerde describir la posici\u00f3n, al igual que la acci\u00f3n de tales recursos dentro del texto. No olvide transcribir en orden, de forma coherente y estableciendo relaci\u00f3n con la fila o columna correspondiente, el texto de cada celda.<\/li>\r\n<\/ul>\r\n
Im\u00e1genes<\/h3>\r\n
- \r\n \t
- Prescinda del uso de im\u00e1genes que no sean necesarias o de adorno; recuerde que las im\u00e1genes son un refuerzo y un apoyo para la compresi\u00f3n de un tema. En caso de hacerlo, coloque como texto alternativo \u00abImagen decorativa\u00bb.<\/li>\r\n \t
- Utilice im\u00e1genes sencillas y sin muchos detalles. En el caso de necesitar incluir im\u00e1genes complejas, describa siempre su significado al pie de la imagen para que est\u00e9 visible para todo el estudiantado.<\/li>\r\n \t
- Evada incluir texto en las im\u00e1genes ya que se dificulta su lectura; en caso de hacerlo, es importante verificar que exista un buen contraste entre el fondo y la imagen. Recuerde que el color amarillo no es recomendable emplearlo debido a que es muy luminoso y, por lo tanto, puede ser imperceptible para algunos estudiantes. Si tiene alguna duda sobre esto, puede utilizar un analizador de contraste como, por ejemplo: Colour Contrast Analyser<\/a>.<\/li>\r\n \t
- Coloque las im\u00e1genes al lado derecho del texto; en caso contrario, debe mantener alineado el texto al margen izquierdo. Evite intercalarlas entre ambos m\u00e1rgenes.<\/li>\r\n<\/ul>\r\n\r\n
\r\n Ejemplos<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_681\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.9. Ejemplo de una imagen alineada al margen derecho y de texto alineado al margen izquierdo, seg\u00fan lo recomendado.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n\r\n[caption id=\"attachment_682\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.10. Ejemplo de una secuencia de im\u00e1genes alineadas de manera intercalada entre ambos m\u00e1rgenes, lo cual debe evitarse.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n- \r\n \t
- Si en lugar de fotos se utilizan dibujos o esquemas entre otros, procure que est\u00e9n realizados en trazos sencillos y gruesos, con pocos detalles y sobre un fondo sin im\u00e1genes.<\/li>\r\n \t
- A\u00f1ada una alternativa textual a cada imagen que utilice. Indique su intencionalidad a partir del contexto que ilustra. Esto facilitar\u00e1 la comprensi\u00f3n de la imagen para aquellas personas que utilizan un lector de pantalla.<\/li>\r\n<\/ul>\r\n
Videos y audios<\/h3>\r\n
- \r\n \t
- Subtitule los videos[footnote]De preferencia en idioma ingl\u00e9s adem\u00e1s del espa\u00f1ol, dependiendo del alcance que desee darle al recurso, de manera que el usuario pueda seleccionar el de su preferencia. Esto no descarta la posibilidad de colocar alg\u00fan otro idioma.[\/footnote] que realice y que ser\u00e1n empleados como recurso en el entorno virtual. Para eso, se recomienda utilizar la ayuda<\/a> que YouTube facilita para ello. Si el video no es propio, debe utilizar un generador de subt\u00edtulos en l\u00ednea.<\/li>\r\n \t
- Puede integrar la interpretaci\u00f3n en Lenguaje de Se\u00f1as Costarricense (LESCO) cuando realice un video, tomando en consideraci\u00f3n los criterios t\u00e9cnicos para ello desde el inicio de la grabaci\u00f3n. Por ejemplo, prever el espacio que ocupar\u00e1 el int\u00e9rprete en relaci\u00f3n con la imagen que se proyecta y as\u00ed no interferir con la visualizaci\u00f3n de elementos clave. Tome en cuenta que ello podr\u00eda implicar una limitante para internacionalizar la asignatura o el curso, ya que este lenguaje es \u00fanicamente costarricense.<\/li>\r\n \t
- Aproveche la audio-descripci\u00f3n en un video pues eso facilitar\u00e1 la interpretaci\u00f3n de lo que se proyecta. Este relato debe describir acciones, expresiones y escenarios.<\/li>\r\n \t
- Al grabar, procure lo siguiente:\r\n
- \r\n \t
- Ubicarse en un lugar con la menor cantidad de ruido externo posible para contar con m\u00e1s claridad en lo que se desea comunicar.<\/li>\r\n \t
- Ajustar la c\u00e1mara a la altura de los ojos y en el caso del micr\u00f3fono cerca de la boca o, de preferencia, unos aud\u00edfonos que lo tengan incorporado.<\/li>\r\n \t
- La iluminaci\u00f3n debe ser frontal y suave, de una ventana o bien de una l\u00e1mpara.<\/li>\r\n \t
- Evite utilizar accesorios tales como collares, pulseras o aretes que puedan generar ruidos distractores o molestos.<\/li>\r\n \t
- Cuide que el color de la ropa no sea igual a la del fondo y evite emplear colores muy claros, brillos o estampados pues distraen la atenci\u00f3n y en ocasiones, generan efectos visuales que cansan la vista.<\/li>\r\n \t
- Recuerde emplear los dispositivos m\u00f3viles de manera horizontal porque la visi\u00f3n humana es tambi\u00e9n horizontal.<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t
- Cuando se trate de audio, adjunte un archivo con la transcripci\u00f3n de lo que se comunica para brindar una alternativa a las personas con problemas de audici\u00f3n, sordera o que simplemente prefieren la lectura.<\/li>\r\n<\/ul>\r\n
Plataforma virtual<\/h3>\r\n
- \r\n \t
- Utilice una estructura que permita mostrar siempre el nombre de la asignatura o el curso y los recursos de consulta permanente, ya que esto evitar\u00e1 que los estudiantes deban hacer clic para tener acceso a ellos cuando se encuentren en otras unidades tem\u00e1ticas.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_684\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.11. Ejemplo de la estructura que deja siempre visible el nombre de la asignatura o el curso y los recursos de consulta permanente.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n- \r\n \t
- Aseg\u00farese de que la plataforma cuente con opciones de atajos que permitan mejorar la navegabilidad en el entorno sin tener que recurrir al scroll<\/em>.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_685\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.12. Ejemplo de atajos disponibles en la plataforma Moodle 3.9.2+.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n \r\n- \r\n \t
- Distribuya los contenidos por m\u00f3dulo, unidad o tema e indique el nombre y n\u00famero de este, as\u00ed como el periodo de fecha que comprender\u00e1 su estudio.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_686\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.13. Ejemplo de distribuci\u00f3n de contenidos seg\u00fan modelo sugerido.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n- \r\n \t
- Canalice el acceso a todas las actividades y los recursos acad\u00e9micos dentro del entorno virtual. Por lo tanto, evite el uso de herramientas no habituales que podr\u00edan confundir al estudiantado.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_687\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.14. Ejemplo del acceso a todas las actividades y recursos acad\u00e9micos dentro del entorno virtual y un enlace que dirige a una herramienta externa que puede confundir al estudiantado.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n- \r\n \t
- Habilite un espacio \u00fanico para anuncios y notificaciones con el prop\u00f3sito de que el estudiantado los ubique con m\u00e1s rapidez.<\/li>\r\n \t
- Cree enlaces descriptivos en los recursos y materiales, de manera que el estudiantado sepa de previo qu\u00e9 esperar cuando haga clic sobre \u00e9l. Adem\u00e1s, inf\u00f3rmeles cuando se desplegar\u00e1n en ventanas emergentes, a fin de orientarlos.<\/li>\r\n<\/ul>\r\n
\r\n Ejemplo<\/p>\r\n\r\n<\/header>\r\n
\r\n\r\n[caption id=\"attachment_688\" align=\"aligncenter\" width=\"1024\"]<\/a> Figura 5.15. Ejemplo de enlace descriptivo de un documento subido a la plataforma.
\u00a9 Alejandra Castro y Cinthya Valerio.[\/caption]\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n
- Canalice el acceso a todas las actividades y los recursos acad\u00e9micos dentro del entorno virtual. Por lo tanto, evite el uso de herramientas no habituales que podr\u00edan confundir al estudiantado.<\/li>\r\n<\/ul>\r\n
- Distribuya los contenidos por m\u00f3dulo, unidad o tema e indique el nombre y n\u00famero de este, as\u00ed como el periodo de fecha que comprender\u00e1 su estudio.<\/li>\r\n<\/ul>\r\n
- Aseg\u00farese de que la plataforma cuente con opciones de atajos que permitan mejorar la navegabilidad en el entorno sin tener que recurrir al scroll<\/em>.<\/li>\r\n<\/ul>\r\n
- Utilice una estructura que permita mostrar siempre el nombre de la asignatura o el curso y los recursos de consulta permanente, ya que esto evitar\u00e1 que los estudiantes deban hacer clic para tener acceso a ellos cuando se encuentren en otras unidades tem\u00e1ticas.<\/li>\r\n<\/ul>\r\n
- Subtitule los videos[footnote]De preferencia en idioma ingl\u00e9s adem\u00e1s del espa\u00f1ol, dependiendo del alcance que desee darle al recurso, de manera que el usuario pueda seleccionar el de su preferencia. Esto no descarta la posibilidad de colocar alg\u00fan otro idioma.[\/footnote] que realice y que ser\u00e1n empleados como recurso en el entorno virtual. Para eso, se recomienda utilizar la ayuda<\/a> que YouTube facilita para ello. Si el video no es propio, debe utilizar un generador de subt\u00edtulos en l\u00ednea.<\/li>\r\n \t
- Coloque las im\u00e1genes al lado derecho del texto; en caso contrario, debe mantener alineado el texto al margen izquierdo. Evite intercalarlas entre ambos m\u00e1rgenes.<\/li>\r\n<\/ul>\r\n\r\n
- Utilice el justificado a la izquierda, ya que ayuda a encontrar el principio del rengl\u00f3n y evita que se creen una especie de \u00abr\u00edos\u00bb en el texto, los cuales dificultan su lectura a personas con problemas de lectoescritura o visi\u00f3n. Adem\u00e1s, se recomienda utilizar un interlineado de espacio y medio en todo el documento.<\/li>\r\n<\/ul>\r\n
- Utilice fuentes tipogr\u00e1ficas como: Arial, Verdana, Tahoma o Helv\u00e9tica para facilitar la comprensi\u00f3n del texto y evitar el cansancio visual.<\/li>\r\n<\/ul>\r\n
- Evite utilizar fuentes de letras que terminan con adornos en los bordes y las cursivas, ya que estas impiden una adecuada lectura.<\/li>\r\n<\/ul>\r\n
- Organizar el acceso a la informaci\u00f3n y elementos que componen el entorno virtual por medio de encabezados, etiquetas, carpetas o cualquier otro elemento que permita agruparlos seg\u00fan corresponda, de manera que sea uniforme.<\/li>\r\n<\/ul>\r\n
- Buena pr\u00e1ctica:
- Titular los archivos utilizando nombres cortos, concretos y que guarden relaci\u00f3n con el contenido. Adem\u00e1s, es preciso usar espacios en blanco para separar las palabras, as\u00ed como s\u00edmbolos, tildes y abreviaturas que pierden significado. Por ejemplo:\r\n