Opciones de accesibilidad
Publicado: Jue, 09 Nov 2023, 12:47
Para ayudar a aquellos exploradores que tengan algún problema de visión o simplemente tener una opción más de personalización de la página, hemos creado unas opciones de accesibilidad.
Lo primero que tenéis que saber, es que cambiéis la opción que cambiéis, pulsado la tecla ESCAPE, todo volverá a la normalidad. Por ejemplo, si bajáis el brillo al mínimo y se os queda la ventana negra, pulsando ESCAPE volverá a la normalidad.
Si tenéis cualquier duda, sugerencia o comentario, contestad a este hilo libremente.
Para acceder a ellas tenéis que pulsar aquí:
Os saldrá una ventana parecida a esta:
A continuación os enumero el funcionamiento de cada opción:
Tema Oscuro
Al pulsar el botón del tema oscuro (Alt+T en cualquier lugar de la página), cambiarán los colores de la web a otros más oscuros, si lo volvéis a pulsar, se desactiva. Es ideal para trabajar de noche o con poca luz. Los colores los he elegido siguiendo unas pautas de contraste entre ellos, si me he dejado alguna parte de la web sin cambiar los colores o pensáis que alguna combinación no queda bien, por favor hacédmelo saber contestando a este hilo, si os gustan también, cuanta más información me deis de vuestra experiencia mejor iremos ajustando el tema oscuro a vuestras preferencias.
Para que os hagáis una idea, aquí una muestra del antes y el después:
Colores Automáticos
Al pulsar el botón (Alt+C en cualquier lugar de la página), cada vez que se cargue la página, se revisa el contraste entre todos los textos y su fondo. Si el ratio de contraste entre el fondo y el texto es inferior a 4.5 (ratio mínimo recomendado para una buena legibilidad), se ajusta automáticamente el color y tonalidad del texto hasta que se consigue el ratio mínimo para que haya legibilidad. Este botón es especialmente importante cuando tenemos activado el tema oscuro, pues algunos post están hechos con colores de fuentes que quedan bien en un fondo claro (que es como se diseñaron), pero quedan ilegibles en un fondo oscuro. Podéis utilizar esta función tanto en el tema oscuro como en el claro, recomendado especialmente para el oscuro. El uso de esta función puede hacer que en según qué páginas, la carga sea algo más lenta, pero las ventajas creo que son suficientes para utilizarlo. Siempre tendréis una legibilidad buena.
Como una imagen vale más que 1000 palabras, aquí os dejo un ejemplo de un post en su formato original, con el tema oscuro aplicado y con los colores automáticos aplicados.
Post original
Post original aplicando el tema oscuro
Post original aplicando el tema oscuro con los colores automáticos activados
Máscara de lectura
Cuando está activada (Alt+K en cualquier lugar de la página), veréis que la web se oscurece un poco y aparece una banda por donde pase el mouse, más clara. De esta forma, es más sencillo enfocar la atención en esa banda para facilitar la lectura.
Tiene este aspecto:
Lupa de texto
Cuando está activada (Alt+L en cualquier lugar de la página), siempre que pongáis el puntero sobre un texto, este aparecerá ampliado al lado del puntero. Los que tengáis problemas de visión, será una ayuda importante. Actualmente, hay algunos textos de los post, que no se amplían. Esto es debido a que hay que establecer unas normas para el correcto posteo, teniendo en cuenta la accesibilidad. Poco a poco las iremos implantando.
Tiene este aspecto:
Sin Color
Al pulsar este botón (Alt+N en cualquier lugar de la página), se elimina toda la información de color de la web, es decir, pasamos a tener una página en tonalidades de grises. Si tenéis algún problema con los colores o tenéis nostalgia del cine en blanco y negro, esta es vuestra opción.
Tiene este aspecto:
Tamaño de fuente
Al deslizar el control, aumentaréis porcentualmente el tamaño de todas las fuentes de la web, podéis elegir el tamaño que queráis, pero tened en cuenta que si elegís un tamaño muy grande, la web puede verse muy extraña. Los que tengáis problemas con las fuentes, aquí tenéis una solución.
Zoom
Funciona de forma muy similar al control anterior, pero esta vez en lugar de aumentar solo las fuentes, también aumenta el resto de elementos de la página, imágenes incluidas. La misma observación, si ponéis un tamaño muy grande, puede que la web sea vea extraña. Es similar a hacer zoom en el navegador.
Brillo y Contraste
Aquí podréis ajustar el brillo y contraste de toda la web para ajustarlo a vuestras preferencias.
Si tocando algún control, por ejemplo, bajando el brillo al mínimo, se os queda la ventana totalmente negra o de una forma que no veáis ni los controles para volver a subirlo, simplemente pulsar la tecla ESCAPE y todo volverá a la normalidad.
Restablecer todo
Pulsando ese botón, restableceréis todas las opciones de accesibilidad al estilo predeterminado de la página. Es exactamente lo mismo que pulsar la tecla ESCAPE, con la salvedad de que la tecla escape funciona en cualquier momento, es decir, en cualquier lugar de la página, sea con el menú de opciones de accesibilidad abierto o visitando cualquier post, si pulsáis ESCAPE, todo volverá a la normalidad.
Si preferís una tecla menos fácil, por ejemplo una combinación como CONTROL + ESCAPE o F9 o similar, contestad a este hilo con vuestras sugerencias.
También decidme si al restablecer los ajustes, queréis que si tenéis el tema oscuro activado, este se mantenga o vuelva al normal, que es la opción que ahora mismo está puesta.
Comentaros que las preferencias de accesibilidad, se guardan en el navegador, de esta forma si cerráis el mismo, al volver en otro momento, se mantendrán vuestras preferencias, pero si cambiáis de navegador, tendréis que volver a establecerlas para ese navegador.
Cualquier sugerencia o comentario será bien recibido.
Un saludo.
Univac.
Lo primero que tenéis que saber, es que cambiéis la opción que cambiéis, pulsado la tecla ESCAPE, todo volverá a la normalidad. Por ejemplo, si bajáis el brillo al mínimo y se os queda la ventana negra, pulsando ESCAPE volverá a la normalidad.
Si tenéis cualquier duda, sugerencia o comentario, contestad a este hilo libremente.
A continuación os enumero el funcionamiento de cada opción:
Al pulsar el botón del tema oscuro (Alt+T en cualquier lugar de la página), cambiarán los colores de la web a otros más oscuros, si lo volvéis a pulsar, se desactiva. Es ideal para trabajar de noche o con poca luz. Los colores los he elegido siguiendo unas pautas de contraste entre ellos, si me he dejado alguna parte de la web sin cambiar los colores o pensáis que alguna combinación no queda bien, por favor hacédmelo saber contestando a este hilo, si os gustan también, cuanta más información me deis de vuestra experiencia mejor iremos ajustando el tema oscuro a vuestras preferencias.
Para que os hagáis una idea, aquí una muestra del antes y el después:
Al pulsar el botón (Alt+C en cualquier lugar de la página), cada vez que se cargue la página, se revisa el contraste entre todos los textos y su fondo. Si el ratio de contraste entre el fondo y el texto es inferior a 4.5 (ratio mínimo recomendado para una buena legibilidad), se ajusta automáticamente el color y tonalidad del texto hasta que se consigue el ratio mínimo para que haya legibilidad. Este botón es especialmente importante cuando tenemos activado el tema oscuro, pues algunos post están hechos con colores de fuentes que quedan bien en un fondo claro (que es como se diseñaron), pero quedan ilegibles en un fondo oscuro. Podéis utilizar esta función tanto en el tema oscuro como en el claro, recomendado especialmente para el oscuro. El uso de esta función puede hacer que en según qué páginas, la carga sea algo más lenta, pero las ventajas creo que son suficientes para utilizarlo. Siempre tendréis una legibilidad buena.
Como una imagen vale más que 1000 palabras, aquí os dejo un ejemplo de un post en su formato original, con el tema oscuro aplicado y con los colores automáticos aplicados.
Cuando está activada (Alt+K en cualquier lugar de la página), veréis que la web se oscurece un poco y aparece una banda por donde pase el mouse, más clara. De esta forma, es más sencillo enfocar la atención en esa banda para facilitar la lectura.
Tiene este aspecto:
Cuando está activada (Alt+L en cualquier lugar de la página), siempre que pongáis el puntero sobre un texto, este aparecerá ampliado al lado del puntero. Los que tengáis problemas de visión, será una ayuda importante. Actualmente, hay algunos textos de los post, que no se amplían. Esto es debido a que hay que establecer unas normas para el correcto posteo, teniendo en cuenta la accesibilidad. Poco a poco las iremos implantando.
Tiene este aspecto:
Al pulsar este botón (Alt+N en cualquier lugar de la página), se elimina toda la información de color de la web, es decir, pasamos a tener una página en tonalidades de grises. Si tenéis algún problema con los colores o tenéis nostalgia del cine en blanco y negro, esta es vuestra opción.
Tiene este aspecto:
Al deslizar el control, aumentaréis porcentualmente el tamaño de todas las fuentes de la web, podéis elegir el tamaño que queráis, pero tened en cuenta que si elegís un tamaño muy grande, la web puede verse muy extraña. Los que tengáis problemas con las fuentes, aquí tenéis una solución.
Funciona de forma muy similar al control anterior, pero esta vez en lugar de aumentar solo las fuentes, también aumenta el resto de elementos de la página, imágenes incluidas. La misma observación, si ponéis un tamaño muy grande, puede que la web sea vea extraña. Es similar a hacer zoom en el navegador.
Aquí podréis ajustar el brillo y contraste de toda la web para ajustarlo a vuestras preferencias.
Si tocando algún control, por ejemplo, bajando el brillo al mínimo, se os queda la ventana totalmente negra o de una forma que no veáis ni los controles para volver a subirlo, simplemente pulsar la tecla ESCAPE y todo volverá a la normalidad.
Pulsando ese botón, restableceréis todas las opciones de accesibilidad al estilo predeterminado de la página. Es exactamente lo mismo que pulsar la tecla ESCAPE, con la salvedad de que la tecla escape funciona en cualquier momento, es decir, en cualquier lugar de la página, sea con el menú de opciones de accesibilidad abierto o visitando cualquier post, si pulsáis ESCAPE, todo volverá a la normalidad.
Si preferís una tecla menos fácil, por ejemplo una combinación como CONTROL + ESCAPE o F9 o similar, contestad a este hilo con vuestras sugerencias.
También decidme si al restablecer los ajustes, queréis que si tenéis el tema oscuro activado, este se mantenga o vuelva al normal, que es la opción que ahora mismo está puesta.
Comentaros que las preferencias de accesibilidad, se guardan en el navegador, de esta forma si cerráis el mismo, al volver en otro momento, se mantendrán vuestras preferencias, pero si cambiáis de navegador, tendréis que volver a establecerlas para ese navegador.
Cualquier sugerencia o comentario será bien recibido.
Un saludo.
Univac.
Muchísimas gracias por tu trabajo 