1 00:00:06,000 --> 00:00:08,012 ¿Sabías que mejorar la accesibilidad 2 00:00:08,012 --> 00:00:11,082 no solo beneficia a personas con diversidad funcional, 3 00:00:11,082 --> 00:00:14,960 sino que mejora la experiencia de todo tu estudiantado? 4 00:00:14,960 --> 00:00:18,200 En este video veremos cómo con pequeñas decisiones 5 00:00:18,200 --> 00:00:22,320 en aspectos como la tipografía, los colores, la estructura, 6 00:00:22,560 --> 00:00:26,400 las imágenes o los videos, podemos crear materiales más inclusivos. 7 00:00:27,400 --> 00:00:30,040 La tipografía que elijas puede marcar una gran diferencia 8 00:00:30,040 --> 00:00:33,520 en la comprensión del contenido. 9 00:00:33,560 --> 00:00:36,560 En los contenidos digitales se recomienda utilizar fuentes como Tahoma o Verdana 10 00:00:36,840 --> 00:00:38,400 que se leen con facilidad. 11 00:00:38,400 --> 00:00:41,400 Es mejor evitar las fuentes Arial o Helvética, 12 00:00:41,440 --> 00:00:44,440 ya que es más difícil diferenciar ciertos caracteres. 13 00:00:44,840 --> 00:00:47,800 Como ves en esta imagen, en las fuentes Helvética y Arial 14 00:00:47,800 --> 00:00:51,200 es imposible diferenciar la “I” mayúscula y la “L” minúscula. 15 00:00:51,600 --> 00:00:55,080 La “D” y la “B” y la “P” y la “Q” son letras espejo, es decir, 16 00:00:55,360 --> 00:00:56,320 tienen la misma forma 17 00:00:56,320 --> 00:00:59,920 pero invertida y no hay suficiente espacio entre los caracteres. 18 00:01:00,440 --> 00:01:03,640 Como se puede apreciar, en la “R” y la “N” cuando están juntas. 19 00:01:04,720 --> 00:01:06,360 Cuando decides usar una fuente, 20 00:01:06,360 --> 00:01:10,360 asegúrate de que tenga líneas claras (no utilices fuentes decorativas), 21 00:01:10,800 --> 00:01:15,960 que las letras como B y D no sean un simple espejo, que no sea una letra 22 00:01:15,960 --> 00:01:19,920 demasiado fina y que haya suficiente espacio entre los caracteres. 23 00:01:20,760 --> 00:01:23,760 El objetivo siempre es evitar que haya confusiones. 24 00:01:25,160 --> 00:01:29,520 En primer lugar, revisa si la herramienta que usas trabaja con puntos o pixeles. 25 00:01:29,880 --> 00:01:32,920 Como referencia, lo ideal sería utilizar 12 puntos 26 00:01:33,240 --> 00:01:36,240 y 16 píxeles para el cuerpo de texto. 27 00:01:36,240 --> 00:01:38,280 Evita textos completos en mayúsculas. 28 00:01:38,280 --> 00:01:41,280 Alteran la lectura fluida y dificultan la comprensión. 29 00:01:41,880 --> 00:01:45,000 Tardamos un 30% más en leer un texto en mayúsculas. 30 00:01:45,360 --> 00:01:49,400 Además, en la comunidad sorda, un texto en mayúsculas equivale estar gritando. 31 00:01:50,600 --> 00:01:53,600 Limita el uso de las cursivas y de los subrayados. 32 00:01:54,000 --> 00:01:55,560 Deben usarse con criterio. 33 00:01:55,560 --> 00:01:58,560 Si abusamos de ellos, pierden su valor y confunden. 34 00:01:59,200 --> 00:02:00,720 Evita justificar el texto. 35 00:02:00,720 --> 00:02:04,200 Crea espacios irregulares conocidos como ríos de lectura 36 00:02:04,200 --> 00:02:07,200 que rompen el ritmo y la comprensión. 37 00:02:07,240 --> 00:02:10,120 La alineación a la izquierda es siempre la más accesible. 38 00:02:11,400 --> 00:02:14,680 Aplicar en un documento los estilos correctamente de título, 39 00:02:14,680 --> 00:02:18,000 subtítulo y párrafo no es sólo una cuestión de estética. 40 00:02:18,160 --> 00:02:20,480 Es clave para que los lectores de pantalla, 41 00:02:20,480 --> 00:02:24,360 que son los productos de apoyo de personas con diversidad funcional visual, 42 00:02:24,760 --> 00:02:27,760 puedan interpretar claramente la estructura del contenido. 43 00:02:27,960 --> 00:02:31,080 Sin jerarquía, una persona con un lector de pantalla 44 00:02:31,080 --> 00:02:34,080 no podrá navegar por el contenido. 45 00:02:34,440 --> 00:02:36,600 Es vital asegurarnos siempre un 46 00:02:36,600 --> 00:02:39,600 contraste suficiente entre el fondo y el texto. 47 00:02:39,720 --> 00:02:42,720 Para ello existen herramientas que nos ayudan a comprobarlo. 48 00:02:43,280 --> 00:02:46,280 Como podemos ver en esta imagen, los colores que utilizamos 49 00:02:46,280 --> 00:02:49,320 influirán drásticamente en cómo se percibe el contenido. 50 00:02:50,320 --> 00:02:53,320 Además, conviene tener en cuenta que apoyarse en el color 51 00:02:54,000 --> 00:02:56,760 como único canal para transmitir información 52 00:02:56,760 --> 00:03:00,440 puede excluir a muchas personas, especialmente a quienes tienen baja visión 53 00:03:00,720 --> 00:03:01,560 o daltonismo. 54 00:03:02,520 --> 00:03:06,120 Para garantizar la accesibilidad es fundamental combinar color 55 00:03:06,120 --> 00:03:10,800 con otros elementos visuales, como iconos, tramas o etiquetas que aseguren 56 00:03:10,800 --> 00:03:14,480 que todas las personas pueda interpretar el contenido correctamente. 57 00:03:15,440 --> 00:03:18,520 Imagínate que una persona que tenga dificultad para diferenciar 58 00:03:18,520 --> 00:03:22,480 el rojo y verde tiene que realizar la reserva de un aula en una aplicación 59 00:03:22,480 --> 00:03:26,360 que muestra las opciones de disponible y ocupado justamente en esos colores. 60 00:03:27,000 --> 00:03:30,640 Realmente le va a ser muy difícil diferenciar una opción de otra. 61 00:03:32,040 --> 00:03:35,120 Debemos tener presente que lo que tú ves no es lo que todos ven. 62 00:03:36,080 --> 00:03:39,080 La siguiente imagen muestra cómo una persona con daltonismo 63 00:03:39,160 --> 00:03:40,320 percibe los colores. 64 00:03:40,320 --> 00:03:44,240 Si el color es el único canal para transmitir información 65 00:03:44,400 --> 00:03:47,400 muchas personas quedarán excluidas. 66 00:03:47,880 --> 00:03:50,640 Todas las imágenes que aporten valor a nuestro contenido 67 00:03:50,640 --> 00:03:54,720 deben siempre ir acompañadas de un texto alternativo que aporte sentido. 68 00:03:55,480 --> 00:03:58,400 Pensad en el texto alternativo de esta imagen. 69 00:03:58,400 --> 00:04:02,040 No es suficiente decir foto de unos niños, es importante contextualizar. 70 00:04:02,520 --> 00:04:05,240 Hay que describir qué aporta la imagen al contenido 71 00:04:05,240 --> 00:04:08,000 y si no es posible, incluir toda la información en la etiqueta 72 00:04:08,000 --> 00:04:11,240 del texto alternativo, podemos incluirla en el propio documento. 73 00:04:11,800 --> 00:04:14,880 En este caso no es lo mismo poner en el texto alternativo 74 00:04:14,880 --> 00:04:18,800 dos niños mirando un ordenador que dos niños frente a un portátil muestran 75 00:04:18,800 --> 00:04:22,040 la alegría y emoción que les genera realizar una actividad en el ordenador. 76 00:04:23,360 --> 00:04:24,640 Los gráficos deben venir 77 00:04:24,640 --> 00:04:27,640 acompañados de un texto que describa su contenido. 78 00:04:27,720 --> 00:04:30,640 Podemos incluir esta información en el texto alternativo 79 00:04:30,640 --> 00:04:33,240 o directamente dentro del documento. 80 00:04:33,240 --> 00:04:35,760 Si simplemente insertamos una imagen con muchos datos, 81 00:04:35,760 --> 00:04:38,760 los lectores de pantalla no la interpretarán. 82 00:04:39,000 --> 00:04:41,520 Los gráficos deben ser siempre simples. 83 00:04:41,520 --> 00:04:45,400 Si contienen demasiados datos, es mejor dividirlos en varios más sencillos. 84 00:04:46,360 --> 00:04:49,800 Cuando utilizamos gráficos o elementos visuales, hemos visto que no 85 00:04:49,800 --> 00:04:53,720 debemos utilizar el color como único canal de transmisión de información. 86 00:04:54,520 --> 00:04:57,960 Es fundamental añadir otros elementos diferenciadores como las formas, 87 00:04:57,960 --> 00:05:01,520 tramas o etiquetas, en este caso, que refuerzan la información 88 00:05:01,520 --> 00:05:04,520 y la hagan accesible para todas las personas. 89 00:05:05,400 --> 00:05:08,360 Las infografías deben equilibrar diseño con claridad, 90 00:05:08,360 --> 00:05:11,360 menos decoración y más contenido comprensible. 91 00:05:12,360 --> 00:05:14,640 Hacer un vídeo accesible es un verdadero reto desde el 92 00:05:14,640 --> 00:05:17,640 punto de vista de la accesibilidad, porque combinan imagen, 93 00:05:18,000 --> 00:05:21,360 sonido, texto y emociones en un mismo soporte. 94 00:05:21,680 --> 00:05:24,600 Una persona con sordera no solo pierde el audio, sino también 95 00:05:24,600 --> 00:05:27,600 la entonación, la música o los sonidos del entorno. 96 00:05:28,040 --> 00:05:30,240 Una persona ciega no percibe los gestos, 97 00:05:30,240 --> 00:05:33,120 los escenarios, los colores o las posturas. 98 00:05:33,120 --> 00:05:36,520 Por eso es fundamental diseñar los materiales multimedia 99 00:05:36,520 --> 00:05:37,840 pensando en estas realidades. 100 00:05:38,880 --> 00:05:41,120 Todo vídeo debe contar con subtítulos 101 00:05:41,120 --> 00:05:44,240 bien sincronizados, legibles y con buen contraste. 102 00:05:44,920 --> 00:05:48,720 Si se presentan tipo karaoke, es decir, resaltando el texto mientras se escucha, 103 00:05:49,120 --> 00:05:51,760 facilita mucho la comprensión. 104 00:05:51,760 --> 00:05:54,800 También es importante aprovechar los silencios para añadir 105 00:05:54,800 --> 00:05:58,240 narraciones que describan de forma clara lo que está ocurriendo en la pantalla. 106 00:05:59,480 --> 00:06:02,400 El vídeo no debe reproducirse automáticamente. 107 00:06:02,400 --> 00:06:06,400 Es clave que el estudiante tenga el control, pueda pausar, rebobinar, 108 00:06:06,840 --> 00:06:10,800 activar/desactivar los subtítulos, ajustar el volumen, etcétera. 109 00:06:11,520 --> 00:06:14,480 No todos procesamos la información al mismo ritmo 110 00:06:14,480 --> 00:06:17,760 y garantizar esta autonomía también es parte de la accesibilidad. 111 00:06:18,400 --> 00:06:21,000 En definitiva, diseñar un vídeo accesible 112 00:06:21,000 --> 00:06:24,160 es pensar en todas las formas en que una persona puede aprender. 113 00:06:25,400 --> 00:06:28,080 En la descripción de este vídeo aparece un enlace que muestra 114 00:06:28,080 --> 00:06:32,040 la diferencia entre vídeos no accesibles y vídeos diseñados para todos. 115 00:06:32,960 --> 00:06:35,360 Conseguir una accesibilidad total es complicado, 116 00:06:35,360 --> 00:06:39,320 pero si tenemos en cuenta ciertas pautas como eliminar decoraciones innecesarias, 117 00:06:39,880 --> 00:06:43,200 priorizar la claridad y pensar en todos los perfiles de estudiantes, 118 00:06:43,560 --> 00:06:46,560 estaremos mejorando de manera notable nuestros contenidos. 119 00:06:47,200 --> 00:06:50,040 Porque hacer accesible los contenidos no es una concesión, 120 00:06:50,040 --> 00:06:51,520 es una mejora para todos. 121 00:06:51,520 --> 00:06:54,360 Una buena docencia es, ante todo, una docencia inclusiva.