Herramienta de accesibilidad para sitios de la www.fgr.org.mx
El objetivo principal es asegurar que todas las personas que visitan los distintos sitios de www.fgr.org.mx tengan acceso a su contenido y la oportunidad de mejorar su experiencia. De esta manera, fomentamos la igualdad de oportunidades para las personas con discapacidades o limitaciones.
Configuración
Esta funcionalidad permite la inserción dinámica de la barra de herramientas de accesibilidad en los sitios de www.fgr.org.mx. El único requisito es agregar la hoja de estilo y un archivo JavaScript en todos los archivos HTML que lo necesiten.
Asegurar el incluir los archivos gobmx-accesibilidad-FGR2.min.css y gobmx-accesibilidad-FGR2.min.js en la carpeta de archivos de tu sitio o hacer referencia a ellos de manera apropiada.
Pasos a seguir:
- Copie la ruta de la ubicación de nuestra hoja de estilos.
- Antes de cerrarse la etiqueta de cada html, ingrese la ruta copiada de la hoja de estilo de la siguiente forma :
<br /> <!--Ruta relativa--><br /> <link href="/ubicación del archivo css/gobmx-accesibilidad-FGR2.min.css" rel="stylesheet" /><br /> <!--Ruta Absoluta--><br /> <link href="https://www.fgr.org.mx/work/models/FGR/css/gobmx-accesibilidad-FGR2.min.css" rel="stylesheet" /> - Copie la ruta de la ubicación de nuestro archivo de javascript.
- Antes de cerrarse la etiqueta de cada html ingrese la ruta del script copiada de la siguiente forma :
<br /> <!--Ruta relativa--><br /> <script src="/ubicación del archivo js/gobmx-accesibilidad-FGR2.min.js"></script><br /> <!--Ruta Absoluta--><br /> <script src="https://www.fgr.org.mx/work/models/FGR/js/gobmx-accesibilidad-FGR2.min.js"></script>
Funciones disponibles
-
Cambiar escala de grises: aumento de contrastes de los elementos del sitio con un tema de color obscuro de alto contraste, contraste claro, inversión de color y escala de grises.
-
Lector de pantalla: apoyo en la lectura de texto, al seleccionar el texto sobre los sitios, se activará la lectura del mismo en el dispositivo de audio.
-
Cambiar tamaño de cursor: se incrementa el tamaño del puntero en el sitio.
-
Cambiar contraste de color: aumento de contrastes en los colores de todos los elementos del sitio.
-
Máscara de lectura: muestra una máscara para el apoyo en la lectura de textos.
-
Guía de lectura: muestra una línea de lectura o guía para el usuario en color para reducir la fatiga visual del usuario.
-
Cambiar tamaño de texto: aumenta y disminuye el tamaño del texto en diferentes niveles.
-
Cambiar tipo de tipografía: El cambio de fuente ayuda a superar algunos de los problemas a los que se enfrentan las personas con dislexia al leer textos.
-
Espaciado Vertical: Permite modificar el espacio entre las fuentes de texto, con el fin de facilitar la lectura dentro del sitio, puede ampliarse hasta 3 veces su tamaño.
-
Espaciado Horizontal: Permite modificar el espacio entre las fuentes de texto de forma horizontal, con el fin de facilitar la lectura dentro del sitio, puede ampliarse hasta 3 veces su tamaño definido, separando las palabras.
Icono de acceso
Este icono se muestra en la parte superior izquierda en equipos de escritorio o en la parte superior derecha en ciertos dispositivos moviles, desde ahí puede acceder a las diferentes opciones.