Herramienta de accesibilidad para gob.mx

El objetivo principal, es que las personas que acceden a los diferentes sitios de www.gob.mx puedan consultar sus contenidos y puedan participar en su desarrollo. Con ello se favorece la igualdad de oportunidades de las personas con discapacidad o limitación.

Configuración

Esta funcionalidad tiene la capacidad de insertar la barra de herramientas de accesibilidad de www.gob.mx de manera dinámica. El único requisito para lograr ese objetivo es ingresar una hoja de estilo y un javascript en todos los htmls que lo requieran.

Es importante no descargar ningún archivo, se deben ocupar únicamente los alojados en nuestro CDN, ya que estos podrán cambiar de manera constante y sin previo aviso.

Pasos a seguir:

  1. Copie la ruta de la siguiente liga de nuestra hoja de estilos que se encuentra alojada en nuestro CDN: https://framework-gb.cdn.gob.mx/gm/accesibilidad/css/gobmx-accesibilidad.min.css
  2. Antes de cerrarse la etiqueta <head> de cada html, ingrese la ruta copiada de la hoja de estilo de la siguiente forma : 

    
...
<link href="https://framework-gb.cdn.gob.mx/gm/accesibilidad/css/gobmx-accesibilidad.min.css" rel="stylesheet">
</head>
  3. Copie la ruta de la siguiente liga de nuestro archivo de javascript que se encuentra alojada en nuestro CDN: https://framework-gb.cdn.gob.mx/gm/accesibilidad/js/gobmx-accesibilidad.min.js
  4. Antes de cerrarse la etiqueta <body> de cada html ingrese la ruta del script copiada de la siguiente forma : 

    
...
<script src="https://framework-gb.cdn.gob.mx/gm/accesibilidad/js/gobmx-accesibilidad.min.js"></script>
</body>

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 de su pantalla, desde ahí puede acceder a las diferentes opciones.