Skip to content

Este plugin desarrollado con JavaScript mejora la experiencia de navegación en sitios web, asegurando que la información sea accesible para todos los usuarios.

Notifications You must be signed in to change notification settings

german-rs/accesibilidad

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Complemento adaptativo de accesibilidad Web

logo

Descripción:

El propósito de los experimentos es desarrollar finalmente un plugin que ayude a las personas y empresas a optimizar la accesibilidad de sus sitios web, inspirado en soluciones como Userway. Esta herramienta brindará una experiencia de navegación más inclusiva y accesible, poniendo la información al alcance de todos, sin importar sus habilidades.

Experimentos:

Experimentos realizados Descripción Estado
Experimento 1 Menú de accesibilidad Implementado
Experimento 2 Modificar tamaños de fuente Implementado
Experimento 3 Claro-Oscuro y escala de grises Implementado
Experimento 4 Navegación operable por teclado Implementado
Experimento 5 Cambio de fuente a Open Dyslexic Implementado
Experimento 6 Alternar tamaño del cursor Implementado
Experimento 7 Resaltar enlaces Implementado
Experimento 8 Síntesis de voz Implementado
Experimento 9 Aumentar interlineado En proceso

La implementación se esta llevando a cabo en la siguiente 👉 página.

impementacion de accesibilidad

Los experimentos se basaron en las siguientes herramientas y sus principales funciones:

UserWay

  • Leer página.
    • Ritmo de lectura: normal, rápido, despacio.
  • Contraste.
    • Invertido, oscuro y de luz.
  • Contraste inteligente (indeterminado).
  • Resaltar enlaces.
  • Agrandar textos (4 niveles).
  • Espaciado de texto: Ligero, moderado, pesado.
  • Detener animaciones.
  • Ocultar imágenes.
  • Apto para dislexia
    • Cambio de fuente UDF Dyslexia Friendly Font.
    • Fuentes legibles (sans-serif).
  • Cursor: Gran cursor, máscara de lectura, guía de lectura.
  • Estructura de la página: Encabezados, secciones y enlaces.
  • Altura de línea, tres niveles.
  • Texto alineado: Izquierda, derecha, centro, justificado.
  • Restablecer todas la configuraciones de accesibilidad.
  • Mover widget: izquierda, derecha.

Accesibility

  • Habilitar lectura (de pantalla).
  • Agrandar cursor.
  • Resaltar link.
  • Modo daltónico:
    • Daltonismo
    • Daltonismo 2
    • Daltonismo 3
    • Alto contraste
    • Alto contraste blanco
    • Alternar colores
  • Agrandar texto.
  • Aumentar interlineado.
  • Alinear textos (derecha, centro, izquierda).
  • Texto amigable (font-family: "Open-Dyslexic", sans-serif).
  • Desactivar tooltips.

SOGO

  • Blanco y negro.
  • Contraste oscuro.
  • Contraste blanco.
  • Detener movimientos.
  • Tipografía clara (Pasa de la fuente Poppins a Arial, sans-serif).
  • Subrayar enlaces.
  • Modificar tamaño de las fuentes.
  • Opción deshabilitar accesibilidad.

About

Este plugin desarrollado con JavaScript mejora la experiencia de navegación en sitios web, asegurando que la información sea accesible para todos los usuarios.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published