2
MANUAL DE USUARIO
MENÚ DE ACCESIBILIDAD
INMUJERES
NOVIEMBRE 2021
3
Contenido
Introducción ... 4
Objetivo 4
Herramientas 4
1. Menú de accesibilidad 5
1.1. Cambiar escala de grises 5
1.2. Usar un lector de pantalla 6
1.3. Cambiar el tamaño del cursor 7
1.4. Cambiar el contraste de color 8
1.5. Mascara de lectura 9
1.6. Guía de lectura 10
1.7. Cambio de tipografía dislexia 11
1.8. Espaciado vertical 11
1.9. Espaciado horizontal 12
1.10. Cambiar tamaño 13
1.11. Resaltar enlaces 14
4
Introducción
Objetivo
Mostrar la funcionalidad del menú de accesibilidad que se encuentra dentro del sistema de Intranet, para dar a conocer cada una de las herramientas con las que cuenta y como es que estas mismas pueden ser de utilidad para las personas que usen el sistema, ya que facilita las actividades que se realizan dentro de este.
Herramientas
A continuación, se hará mención a cada una de las herramientas que se tienen dentro del sistema, para posteriormente dar a mostrar como activarlas y cuál es su funcionamiento en concreto.
1. Menú de accesibilidad:
1.1. Cambiar escala de grises 1.2. Usar un lector de pantalla 1.3. Cambiar tamaño de cursor 1.4. Cambiar el contraste de color 1.5. Mascara de lectura
1.6. Guía de lectura
1.7. Cambio de tipografía disléxica 1.8. Espaciado vertical
1.9. Espaciado horizontal 1.10. Cambiar tamaño 1.11. Resaltar enlaces
5
1. Menú de accesibilidad
Para visualizar las herramientas se debe de acercar el cursor al icono de accesibilidad que se encuentra en la parte superior izquierda, lo cual desplegara el menú de herramientas de accesibilidad, como se muestra en la imagen 1: Herramientas de accesibilidad.
Imagen 1: Herramientas de accesibilidad
Lo cual nos permitirá visualizar todas las herramientas que contiene y desde ahí activarlas o desactivarlas según sea el caso, cabe mencionar que se pueden activar una o más herramientas al mismo tiempo.
1.1. Cambiar escala de grises
Esta es la primera herramienta que se encuentra dentro del menú de accesibilidad lo que esta herramienta permite que el color de la página por la que se encuentra navegando cambie el color a gris, lo cual es conveniente para las personas que tengan algún problema al intentar visualizar la información que se encuentra dentro del sistema, lo cual torna a la página en un tono gris para activar esta herramienta es necesario dar clic en el icono de cambiar escala de grises , la cual permitirá una mejor visualización de la información dentro del sistema como se muestra en la imagen 2:
Escala de grises.
6
Imagen 2: Escala de grises
Para regresar a la visualización original de la página, se debe de dar clic nuevamente en el icono escala de grises y será desactivada.
1.2. Usar un lector de pantalla
El lector de pantalla es una herramienta que activa un narrador a tiempo real que cuando se acerca el cursor a un texto este mismo se reproducirá automáticamente, para activar esta herramienta es necesario dar clic en el icono de usar lector de pantalla lo cual reproducirá un sonido al ser activado el cual mencionara “Audio activado” por el dispositivo de salida del equipo, posteriormente a ser activado solo se requiere que mover el cursor por el texto que se desea escuchar, como se muestra en la imagen 3: Lector de pantalla, al pasar el cursor por el texto blog este se encontrara reproduciéndose.
7
Imagen 3: Lector de pantalla
Para desactivarlo se debe dar clic nuevamente en el icono de usar lector de pantalla y será desactivada.
1.3. Cambiar el tamaño del cursor
Esta herramienta cambia el tamaño original del cursor dentro de la página para que se pueda identificar fácilmente la ubicación del mismo, para poder activar esta herramienta se debe dar clic en el icono de cambiar el tamaño del cursor e inmediatamente al pasar el cursor dentro de la página se podrá observar el cambio realizado como se muestra en la imagen 4: Tamaño del cursor.
8
Imagen 4: Tamaño del cursor
Lo cual permite ver el cursor más grande en todo el sistema, para desactivar esta herramienta se debe de dar clic nuevamente en el icono cambiar tamaño de cursor
y será desactivada.
1.4. Cambiar el contraste de color
Esta herramienta permitirá que todas las imágenes que se encuentran en la página se muestren en modo negativo para aquellas personas que necesiten visualizar de esta manera las imágenes, para activar dicha herramienta se debe de dar clic en el icono cambiar el contraste de color lo cual mostrara las imágenes de la página en negativo como se muestra en la imagen 5: Cambiar el contraste de color.
9
Imagen 5: Cambiar el contraste de color
Una vez activado todas las imágenes dentro del sistema se mostrarán en negativo, para desactivar esta herramienta se debe de dar clic nuevamente al icono cambiar el contraste de color y será desactivada.
1.5. Mascara de lectura
Esta herramienta permite colocar dos reglas en pantalla, colocando opacidad en lo que se encuentre fuera de esta misma, para que de esta manera la persona que esté leyendo en el sistema pueda observar claramente el texto y no se pierda de sección, esta herramienta se activa dando clic en el icono de mascara de lectura
lo cual mostrará dichas reglas en pantalla como se muestra en la imagen 6: Mascara de lectura.
10
Imagen 6: Mascara de recortes
Para desactivar esta herramienta se debe de dar clic nuevamente al icono de mascara de lectura y será desactivada.
1.6. Guía de lectura
Esta herramienta permitirá colocar una sola regla en la pantalla que permitirá tener un seguimiento adecuado del texto en el que se encuentra realizando una lectura como se muestra en la imagen 7: Guía de lectura. Para activar esta herramienta se debe dar clic en el icono de guía de lectura .
Imagen 7: Guía de lectura
11
Para desactivar esta herramienta se debe de dar clic nuevamente al icono de guía de lectura y será desactivada.
1.7. Cambio de tipografía dislexia
Esta herramienta permite usar líneas más gruesas en algunas partes de las letras, además las letras están un poco inclinadas así mismo las letras que tienen trazos ascendentes o descendentes (b, d y p) varían en longitud, para activar esta herramienta se debe dar clic en el icono cambio de tipografía dislexia , lo cual mostrara la página como se muestra en la imagen 8: tipografía dislexia.
Imagen 8: Tipografía dislexia
Este tipo de tipografía es más cómoda para leer para una persona que padece dislexia, Para desactivar esta herramienta se debe de dar clic nuevamente al icono de tipografía dislexia y será desactivada.
1.8. Espaciado vertical
Esta herramienta permite colocar espacio entre los textos de la página de manera vertical permitiendo separarlas si es que fuese necesario, esta herramienta tiene 3 niveles de separación vertical la cual es activada al dar clic en el icono de espaciado vertical el cual indicara en el nivel en el que se encuentra en el momento, dependiendo el nivel la separación se podrá observar más pronunciada como en la imagen 9: Espacio vertical nivel 3.
12
Imagen 9: Espacio vertical nivel 3
Para subir el nivel del espaciado vertical se debe de dar clic al icono espaciado vertical hasta un máximo de tres veces, posterior a esa cantidad de clics la herramienta será desactivada.
1.9. Espaciado horizontal
Esta herramienta permite colocar espacio entre los textos de la página de manera horizontal permitiendo separarlas si es que fuese necesario, esta herramienta tiene 3 niveles de separación horizontal la cual es activada al dar clic en el icono de espaciado horizontal el cual indicara en el nivel en el que se encuentra en el momento, dependiendo el nivel la separación se podrá observar más pronunciada como en la imagen 10: Espacio horizontal nivel 3.
13
Imagen 10: Espaciado horizontal nivel 3
Para subir el nivel del espaciado horizontal se debe de dar clic al icono espaciado horizontal hasta un máximo de tres veces, posterior a esa cantidad de clics la herramienta será desactivada.
1.10. Cambiar tamaño
Esta herramienta permite aumentar el tamaño de las letras que se encuentran en la página, permitiendo visualizar los textos más grandes o más pequeños dependiendo la necesidad, esta herramienta contiene 2 iconos activos al mismo tiempo el que se encuentra ubicado del lado izquierdo es el indicador para hacer el texto más pequeño y el derecho es el que permite hacer el texto más grande , cada uno de estos iconos cuentan con 8 niveles que permiten modificar el texto, para así visualizar el texto más pequeño como se ve en la imagen 11: Cambiar tamaño mínimo, lo que transforma incluso los iconos de tamaño.
14
Imagen 11:Cambiar tamaño mínimo
Así mismo se puede visualizar el texto o los iconos más grandes como se muestra en la imagen 12: Cambiar tamaño máximo.
Imagen 12: Cambiar tamaño máximo
De esta manera se puede ajustar al texto a las necesidades propias de la persona.
1.11. Resaltar enlaces
Dentro de la página, no se hace uso de enlaces por lo cual no se puede verificar la funcionalidad.