Guía de uso del widget de accesibilidad
DigitalClm Servicios Digitales incorpora InclusiveUI, un widget de accesibilidad para facilitar la navegación a personas con distintas necesidades. Esta guía explica cómo utilizarlo, sección por sección.
Cómo abrir el panel
Verás un botón flotante circular en una esquina de la pantalla. Haz clic o toca ese botón para abrir el panel de accesibilidad. Para cerrarlo: haz clic en la X, pulsa la tecla Esc, o haz clic fuera del panel.
Secciones disponibles
Perfiles
Combinaciones rápidas para necesidades concretas: fotosensibilidad, baja visión, dislexia, dificultad de concentración, personas mayores y movilidad reducida.
Color
Filtros de daltonismo, contraste, saturación, brillo, invertir colores, blanco y negro, y colores totalmente personalizados.
Texto
Tamaño de letra, espaciado entre letras, líneas y palabras, tipografía adaptada para dislexia, y alineación a la izquierda.
Lectura
Guía de lectura, modo foco, ocultar imágenes, resaltar enlaces y títulos, silenciar audio y vídeo, detener animaciones, y lectura en voz alta con control de velocidad.
Navegación
Tipo de cursor, navegación mediante teclado (con aviso explicativo), zoom de página, y un mapa con todos los títulos de la página.
Perfiles de accesibilidad
Combinaciones ya preparadas para necesidades concretas: al elegir un perfil se activan de golpe varios ajustes relacionados (cada uno se puede seguir afinando después a mano, por separado).
Sensibilidad a destellos
Detiene todas las animaciones y transiciones de la página, y reduce la saturación y el brillo, para minimizar el riesgo de crisis provocadas por parpadeos.
Baja visión
Aumenta el tamaño de letra, sube el contraste y activa el cursor grande, para que el contenido se distinga con más facilidad.
Dislexia
Cambia a una tipografía más legible, aumenta el espaciado entre letras y líneas, alinea el texto a la izquierda, y activa la guía de lectura.
Dificultad de concentración
Activa el modo foco (que resalta solo el área bajo el cursor) y detiene las animaciones, para reducir los elementos que distraen.
Persona mayor
Aumenta el tamaño de letra y el cursor, mejora el contraste, y refuerza el resaltado del foco al navegar con teclado.
Movilidad reducida
Refuerza la navegación por teclado, activa el cursor grande y detiene las animaciones, para facilitar el uso sin necesitar precisión con el ratón.
Filtros de daltonismo
Cuatro filtros de color pensados para los tipos más comunes de daltonismo.
Protanopia
Filtro que refuerza los tonos rojos, que en esta condición se perciben apagados o confundidos con el verde.
Deuteranopia
Aumenta el contraste entre verdes y rojos, los tonos que más cuesta diferenciar en esta condición (la más frecuente).
Tritanopia
Ajusta la percepción de los tonos azules y amarillos, que en esta condición se distinguen con dificultad.
Acromatopsia
Convierte el contenido a escala de grises, adaptado a la ausencia total de percepción del color.
Herramientas, una por una
El detalle completo de lo que hace cada ajuste, agrupado por la pestaña del panel en la que se encuentra.
Color
Tres deslizadores independientes para ajustar la intensidad del color de toda la página.
Invierte todos los colores de la página (útil para algunas sensibilidades a la luz).
Convierte todo el contenido a escala de grises.
Permite fijar manualmente el color de fondo, de los títulos y del texto.
Texto
Aumenta o reduce el tamaño del texto de toda la página, en varios niveles.
Tres ajustes independientes para dar más "aire" al texto y facilitar su lectura.
Sustituye la fuente de la web por una más fácil de reconocer para personas con dislexia.
Evita el texto justificado o centrado, que puede dificultar el seguimiento de las líneas.
Lectura
Una franja horizontal que sigue el cursor y atenúa el resto de la página, ayudando a no perder la línea.
Ilumina solo la zona alrededor del cursor y oscurece el resto, para concentrarse en un punto concreto.
Quita las imágenes de la página para reducir la carga visual.
Marca los enlaces y los títulos con un fondo de color para que destaquen del resto del texto.
Detiene y silencia automáticamente cualquier audio o vídeo que se esté reproduciendo en la página.
Congela las animaciones y transiciones de la página.
Lee el contenido de la página con voz sintetizada, con control de velocidad, ignorando avisos de cookies y menús.
Navegación
Sustituye el cursor del ratón por una versión más grande y de alto contraste.
Marca con un contorno muy visible el elemento seleccionado al navegar con Tab (incluye un aviso explicativo la primera vez que se activa).
Amplía el tamaño de toda la página con un deslizador.
Lista todos los títulos de la página; al pulsar uno, se salta directamente a esa sección.
Uso con teclado
El panel se puede usar por completo sin ratón. Mientras está abierto, el foco de teclado queda dentro de él (al llegar al último control y pulsar Tab, se vuelve al primero); al cerrarlo, el foco vuelve automáticamente al botón que lo abrió.
| Teclas | Acción |
|---|---|
| Tab / Mayús+Tab | Moverse entre los controles del panel |
| ← / → | Cambiar de pestaña |
| ↑ / ↓ | Moverse entre las opciones de la pestaña actual |
| Intro / Espacio | Activar el control seleccionado |
| Esc | Cerrar el panel |