Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Integrar la barra de accesibilidad en ExeLearning - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Explicación de cómo integrar la barra de accesibilidad desarrollada por Juan José de Haro (@jjdeharo) en un recurso ExeLearning
En este vídeo vamos a ver cómo insertar una barra de herramientas como la que vemos aquí en
00:00:00
esta pantalla,
00:00:05
en nuestros recursos ExeLearning.
00:00:07
Como vemos
00:00:10
nos permite cambiar
00:00:10
el tipo de letra
00:00:13
eligiendo,
00:00:14
por ejemplo,
00:00:15
algunas que facilitan la lectura a personas con dislexia, aumentar el
00:00:15
tamaño de la letra,
00:00:20
disminuirlo,
00:00:22
incluso traducir el idioma de de nuestro
00:00:23
recurso,
00:00:28
utilizando para ello el traductor de Google.
00:00:29
Pues podríamos seleccionar
00:00:33
cualquier idioma y nos lo traduciría todo.
00:00:35
Lo vuelvo a castellano.
00:00:41
Aquí tengo un recurso que he creado,
00:00:45
Y lo abro en ExeLearning y me tengo que ir al apartado de
00:00:48
propiedades.
00:00:53
Bueno,
00:00:54
siempre con el modo avanzado activado,
00:00:54
nos vamos al apartado propiedades y en el apartado
00:00:57
activar la parte de opciones avanzadas.
00:01:02
Aquí vamos a meter un script,
00:01:06
un script que ha desarrollado Juan José de Haro,
00:01:08
según dice el mismo,
00:01:11
con la ayuda también de chat gpt.
00:01:13
Si tenemos un curso en el que esta barra de herramientas
00:01:16
ya está integrada.
00:01:21
Nos vamos al más info y ya nos lleva a su página web,
00:01:22
si n, simplemente pues tenemos esta es la URL https://batexe.bilateria.org
00:01:25
Vamos allí y aquí nos explica
00:01:32
todos los datos de la barra de herramientas y también tenemos el apartado de código
00:01:35
Podemos seleccionar la barra de herramientas en castellano o catalán.
00:01:42
En mi caso elijo castellano,
00:01:45
pinchamos y este es el código que tenemos que pegar
00:01:47
es el script que tenemos que pegar en el apartado correspondiente.
00:01:52
Copiamos todo este código,
00:01:54
nos vamos a nuestro recurso Exelearning y, como decíamos, en propiedades,
00:02:00
opciones avanzadas aquí personalizar la sección
00:02:04
Aquí es donde vamos a operar.
00:02:08
Es todo ese código.
00:02:09
Vamos a guardar. Y si nos vamos ya al contenido de
00:02:11
nuestro ExeLearning lo actualizamos.
00:02:16
Vamos a cuadrarlo primero.
00:02:21
Y si lo actualizamos ya nos aparece la barra de
00:02:29
herramientas.
00:02:34
Si vamos a visualización previa,
00:02:34
veremos que tenemos nuestra barra de herramientas ya
00:02:37
integrada.
00:02:42
Vale,
00:02:43
que nos permite lo que veíamos antes,
00:02:43
Cambiar el tipo de letra,
00:02:45
tamaño, traducir o incluso, algo que no funciona del todo
00:02:46
bien porque te lee todas las cabeceras,
00:02:51
Es lo de pasar el texto audio.
00:02:53
También podemos hacer esta barra de herramientas flotante de forma que esté siempre disponible
00:02:56
- Idioma/s:
- Autor/es:
- Javier Gómez Calzada
- Subido por:
- Javier G.
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 2635
- Fecha:
- 18 de junio de 2023 - 14:34
- Visibilidad:
- Público
- Centro:
- EST ADMI D.G. DE BILINGÜISMO Y CALIDAD DE LA ENSEÑANZA
- Duración:
- 03′ 04″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 58.41 MBytes
