Gracias al trabajo de @pmusaraj y el mío, Discourse ahora incluye la opción de seleccionar una paleta de colores de mayor contraste desde el asistente de configuración.
Están disponibles tanto una versión clara como una oscura (son las últimas dos opciones de la lista). Los sitios existentes pueden acceder a los colores visitando community.yoursite.com/wizard/steps/color o seleccionándolos como paletas base al crear una nueva desde admin > personalizar > colores.
Una vez creadas, estas paletas aparecerán listadas en admin > personalizar > colores. Si no las estás utilizando como los colores predeterminados de tu sitio, también puedes permitir que los usuarios seleccionen estas paletas.
Cuando se establecen como seleccionables por el usuario, las personas pueden elegir su paleta de colores en la sección de interfaz de sus preferencias (community.yoursite.com/my/preferences/interface).
Si encuentras algún problema con el contraste de estas paletas, por favor háznoslo saber para que podamos seguir cumpliendo con los estándares establecidos por las WCAG!
Sería muy agradable que el esquema de color predeterminado de Discourse cumpliera con los estándares establecidos por WCAG. ¿Podrías comentar por qué no es así?
Dado que Discourse no fue diseñado originalmente con colores de alto contraste, probablemente sería necesario realizar cambios más significativos que solo ajustes de color para acomodar las diferencias. Implementar esto como primer paso permite poner estos colores más accesibles a disposición hoy mismo.
Un ejemplo rápido es cómo mostramos la diferencia entre temas leídos y no leídos. Por defecto, lo hacemos reduciendo el contraste después de que has leído un tema:
Al cumplir con los estándares WCAG, debemos aumentar el contraste de los títulos de los temas leídos, y como resultado, hay muy poco contraste entre los temas leídos y no leídos… así que creo que, a largo plazo, deberíamos considerar un tratamiento diferente al contraste para distinguir ambos.
Esto es fenomenal, y gracias. En nombre de algunos de mis usuarios con discapacidad visual que han protestado por esto, se agradece enormemente. Lo he habilitado inmediatamente.
Después de leer el primer post, tenía la impresión de que los nuevos colores debían seleccionarse en el Asistente para agregarse a una lista. Al ejecutar el asistente y llegar a la página de Colores, busqué una manera de seleccionar todos los colores, ya que quería agregar los nuevos a la lista. Aparentemente, mi comprensión era incorrecta. Por lo que veo, basándome en la forma en que se seleccionan los colores en la página de Colores, solo se puede elegir un esquema de color. Ahora estoy confundido.
¿Qué se logra al elegir un esquema en la página de Colores? ¿Establece el valor predeterminado para todos?
¿Por qué solo se permite elegir un esquema de color en el Asistente? Probablemente la respuesta sea la misma que para la pregunta 1.
Como estoy escribiendo esto mientras sigo el primer post, dejaré la configuración de la página de Colores tal como estaba.
Continuando con admin > personalizar > colores. Después de algunas pruebas, descubrí que:
Seleccionar Nuevo.
En Paleta base, abrir el menú desplegable, que ahora incluye WCAG Claro y WCAG Oscuro.
Esto proporciona una forma de seleccionar los elementos.
Así que seleccioné WCAG Claro y luego apareció un cuadro de diálogo para nombrar la Paleta de Colores y seleccionar los colores. Como en el ejemplo, ingresé el nombre WCAG Claro, seleccioné Los usuarios pueden elegir el esquema de color y luego hice clic en Guardar.
Continuando con community.yoursite.com/my/preferences/interface, no encontré la sección Esquema de color.
Además, nuestro sitio tiene el Selector de tema de hamburguesa. Pensé que estos aparecerían automáticamente allí, pero parece que debo crear un nuevo Tema base (Tema) para poder usarlos.
Esto no es una queja, solo es un comentario de alguien que lee el post por primera vez y lo está probando.
He echado un vistazo a tu sitio y no veo que la opción «Los usuarios pueden seleccionar el esquema de color» esté activada en ninguno de los esquemas. ¿Quizás no marcaste la casilla para guardar la selección?
Después de agregar algunos colores más que pueden ser utilizados por los usuarios, la opción de interfaz cambió para darme una opción tanto para el modo Regular como para el modo Oscuro
¿Podrías explicar qué significa esto? Estoy a punto de configurar mi primer foro y quiero personalizar el esquema de colores, además de soportar el cambio automático al modo oscuro según las preferencias del sistema del usuario.
¿Debería personalizar los colores usando estos nuevos esquemas como base?
¿Cuáles son los pasos actuales para crear un esquema de colores personalizado, dado los cambios recientes en cómo se construyen los esquemas de colores para soportar el modo oscuro (como se discutió en hilos recientes) y estos nuevos esquemas accesibles?
Así que cuando se seleccionan estas paletas WCAG, se carga un CSS adicional (encontrado aquí) para cambiar los colores de varios elementos (generalmente para usar una variable de color de mayor contraste que la que utilizamos por defecto). Creo que el CSS se carga en función del nombre de la paleta de colores…
Así que si quieres modificar estas paletas y conservar algunas de las mejoras de contraste del CSS personalizado, creo que solo tendrás que no cambiar el nombre (¿es así, @pmusaraj?).
O, alternativamente, podrías copiar el CSS del enlace anterior y usarlo en tu propio tema (aunque te perderás las actualizaciones que realicemos).
No, el CSS específico de WCAG se incluye si el esquema actual es una derivación de uno de los dos esquemas base de WCAG. Por lo tanto, puedes nombrar el nuevo esquema como quieras, pero si se crea a partir de un esquema base de WCAG, tendrá el CSS adicional.
Aún queda un poco de trabajo por hacer, pero no mucho. Estamos en un 99% del camino y actualmente estamos trabajando activamente con un consultor de accesibilidad para cerrar las últimas brechas.
Siguiendo este hilo, me alegra saber que se admite WCAG 2.0. Puede que lo haya pasado por alto, pero no veo que se mencione la subtitulación. ¿Discourse admite subtitulado en los activos de video? ¿Existe algún mecanismo en Discourse para publicar videos con subtitulado?
Puedes agregar subtítulos manualmente usando la etiqueta de video HTML5, y también hay un componente de tema que proporciona una pequeña interfaz de usuario para ello.
