Botón de Accesibilidad Web
Herramienta abierta del Laboratorio de Tecnologías Inclusivas para incorporar perfiles accesibles y subtítulos en cualquier sitio web.
Tecnología asistiva y accesibilidad digital
Botón de accesibilidad con subtítulos
Desarrollado por el Laboratorio de Tecnologías Inclusivas (LTI) de la Secretaría de Ciencia y Tecnología del Chubut para facilitar el acceso web a personas con discapacidad visual, auditiva, dislexia o dificultades de lectura.
Permite incorporar en cualquier sitio web o portal institucional un menú accesible flotante mediante una única línea de código. Ofrece perfiles inmediatos de lectura, ajustes de contraste y tipografía, y soporte para subtítulos automáticos en videos.
Menú accesible flotante con perfiles de lectura, personalización visual y subtítulos.
Características principales
Herramientas integradas para mejorar la accesibilidad y la autonomía de lectura.
Subtítulos en videos
Aumenta el tamaño y contraste de subtítulos VTT existentes, activa subtítulos en español en reproductores embebidos (YouTube y Vimeo) y permite subtítulos en vivo mediante reconocimiento de voz en navegadores compatibles.
Perfiles de accesibilidad
Configuraciones rápidas de un clic para baja visión, dislexia (tipografía especializada), concentración y lectura asistida con narrador por voz sintetizada.
Personalización visual
Control de tamaño de texto, interlineado, alineación, alto contraste (claro y oscuro), modo noche, fondo crema para reducir fatiga visual y filtros para daltonismo.
Navegación y atajos
Resaltado de enlaces y encabezados, cursor de gran tamaño, máscara de lectura y apertura rápida del menú mediante el atajo de teclado Alt + A.
Persistencia de opciones
Las preferencias elegidas por cada usuario se almacenan localmente en su navegador para aplicarse automáticamente en cada visita posterior.
Liviano y sin dependencias
Desarrollado en JavaScript nativo puro, sin librerías externas pesadas. Disponible en versión minificada de carga ultrarrápida.
Instalación rápida
El botón se incorpora agregando una única línea de código antes de cerrar la etiqueta </body>.
Opción 1: Carga desde CDN (recomendada)
No requiere alojar archivos locales. Se conecta de forma directa y segura con el servidor de la Secretaría de Ciencia y Tecnología:
<script src="https://sisciencia.chubut.gov.ar/static/js/accesibilidad-lti.min.js" charset="utf-8" defer></script>Opción 2: Instalación local
Si prefieres alojar el script en tu propio servidor web o gestor de contenidos:
<script src="/js/accesibilidad-lti.min.js" defer></script>Integración en WordPress
Para sitios en WordPress, pega la línea de la Opción 1 en el pie de página (Footer) utilizando un plugin de inserción de código (como WPCode) o dentro del archivo footer.php del tema hijo.
Descargas
Scripts, guía de instalación y archivos de ejemplo disponibles para descarga directa.
| Archivo | Formato | Tamaño | Descripción | Acción |
|---|---|---|---|---|
accesibilidad-lti.min.js
|
.js | 68 KB | Versión optimizada y comprimida lista para usar en sitios web. | Descargar |
accesibilidad-lti.js
|
.js | 94 KB | Código fuente completo con comentarios y funciones documentadas. | Descargar |
COMO_INSTALAR.txt
|
.txt | 8.5 KB | Instrucciones de integración paso a paso para HTML, WordPress y CDN. | Descargar |
ejemplo.html
|
.html | 1.9 KB | Página HTML de prueba para verificar el funcionamiento local del botón. | Descargar |
ejemplo-cdn.html
|
.html | 2.1 KB | Página de prueba configurada para cargar el botón directamente desde el CDN. | Descargar |
boton-accesibilidad-v2.zip
|
.zip | 55 KB | Archivo comprimido con todos los scripts, ejemplos y la guía de instalación. | Descargar |