I’ve been asked by one of our users to increase the text size of our instance. Fortunately, this is easy to do for her personally using the interface settings (see https://meta.discourse.org/my/preferences/interface).
She tells me that other sites and apps have the ability to do this automatically if the device has a large font selected.
Discourse used to have dark mode being user-selectable only but this has changed in the last year to be automated (if configured correctly). It would be brilliant to have the same dynamic for text size. Indeed, this is far more important, as visually impaired folk will struggle to find the setting with the text being small.
Si ajustas el tamaño de fuente en tu navegador web, Discourse debería escalar como cualquier otro sitio web… pero parece que si ajustas el tamaño de fuente del sistema operativo en iOS, solo afecta al tamaño de las aplicaciones y no necesariamente a los tamaños de fuente de los sitios web.
Si usamos font: -apple-system-body; también podemos escalar junto con el sistema (Apple llama a esto Dynamic Type). Creo que Android lo hace automáticamente y no debería necesitar ningún cambio… pero lo comprobaré.
Esta es la forma de Apple iOS Safari de seleccionar su nivel de zoom predeterminado para todos los sitios web:
Ir a Configuración → Safari → Configuración para el sitio web → Zoom de página → Otros sitios web:
50/75/85/100/125/150/175/200/250/300%
Al usar font: -apple-system-body; por defecto solo para sitios web de Discourse, diferimos totalmente de la base de uso general font-size: 15px para párrafos.
Esto ahora introduce un caso especial para todos los sitios web de Discourse: la fuente es demasiado grande.
Y cada usuario debe establecer un nivel de zoom especial para los dominios de sitios web de Discourse, por ejemplo, del 85%.
O en caso de que un usuario ya haya establecido un nivel de zoom más alto en Safari, por ejemplo, del 150%, ahora debe establecerlo, por ejemplo, al 125% solo para los dominios de Discourse.
¡Recomiendo encarecidamente no implementar esto!
Por favor, revierta la fusión de esta PR.
Por favor, compruebe qué sucede si en un iPhone con iOS su configuración de fuente del sistema está alrededor del 150% y el Zoom de página de Safari está configurado al 150%:
Para sitios web normales, esto debería resultar en un 150%
Con el nuevo cambio a Discourse font: -apple-system-body;, esto podría resultar en un 225% (= 150% * 150%)
Hasta donde sé, Chrome en Android no lo hace: solo la interfaz de Chrome se amplía con la configuración del sistema.
Para ampliar el tamaño de fuente de los sitios web, abra Chrome y vaya a Configuración → Accesibilidad → Escala de texto.
¿Quizás varía según el dispositivo o la versión de Android? Esto es de una prueba que hice con la fuente del sistema ampliada en la configuración de accesibilidad. Ningún cambio en el navegador:
¡Aquí el párrafo solo se escala, el encabezado y todos los demás elementos de texto siguen siendo pequeños!
Este es un comportamiento especial de Chrome para escalar solo partes del texto – busca “Font Boosting” o ve:
Estoy notando algunos efectos secundarios no deseados ahora que esto está desplegado en Meta, no estoy seguro de por qué funcionaba de manera diferente en mi entorno de desarrollo, revertiré y lo investigaré un poco más… probablemente no pueda hacer esto por ahora… impacta demasiadas cosas fuera del tamaño de fuente.
En el caso general de accesibilidad:
Me gusta la idea de mantener la fuente base para los párrafos en los 16px predeterminados que todos los navegadores establecen como tamaño de fuente predeterminado.
Esto aumentaría el tamaño del texto en un 6-7% (16px/15px = 1,0666).
Para dispositivos móviles como teléfonos y tabletas, esto se ve bien. Para escritorio, sería un poco grande e inusual.
Si seguimos este camino, tal vez implementemos alguna regla especial para dispositivos que no son táctiles para usar una fuente base de 15px en su lugar. (Al verificar dispositivos que no son táctiles, definitivamente nos perderemos algunas computadoras portátiles con pantallas táctiles; estas obtendrán el tamaño de fuente más grande).
¿Sigue siendo este un problema con los dispositivos iOS? Puedo aumentar el tamaño de la fuente, pero no cambia el tamaño del ajuste de línea. No tengo acceso a un teléfono/tableta Android para probarlo.
