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.
Se si regola la dimensione del carattere nel browser web, Discourse dovrebbe adattarsi come qualsiasi altro sito web… ma sembra che se si regola la dimensione del carattere del sistema operativo in iOS, ciò influenzi solo le dimensioni delle app e non necessariamente le dimensioni dei caratteri dei siti web.
Se usiamo font: -apple-system-body; possiamo anche adattarci al sistema (Apple chiama questo Dynamic Type). Penso che Android lo faccia automaticamente e non richieda modifiche… ma verificherò.
Questo è il modo di Apple iOS Safari per selezionare il tuo livello di zoom predefinito per tutti i siti web:
Vai su Impostazioni → Safari → Impostazioni per sito web → Zoom pagina → Altri siti web:
50/75/85/100/125/150/175/200/250/300%
Impostando per impostazione predefinita font: -apple-system-body; solo per i siti web di discourse, ci differenziamo totalmente dalla base ampiamente utilizzata font-size: 15px per i paragrafi.
Questo introduce ora un caso speciale per tutti i siti web di discourse: il font è troppo grande.
E ogni utente deve impostare uno zoom speciale per i domini dei siti web di discourse, ad esempio dell’85%.
Oppure, nel caso in cui un utente abbia già impostato uno zoom più elevato in Safari, ad esempio del 150%, ora dovrà impostarlo, ad esempio, al 125% solo per i domini di discourse.
Sconsiglio vivamente di implementare questo!
Si prega di annullare il merge di questa PR.
Si prega di verificare cosa succede se su iPhone iOS l’impostazione del font di sistema è intorno al 150% e lo zoom della pagina di Safari è impostato al 150%:
Per i siti web normali, questo dovrebbe risultare nel 150%
Con la nuova modifica a Discourse font: -apple-system-body;, questo potrebbe risultare nel 225% (= 150% * 150%)
Per quanto ne so, Chrome su Android non lo fa: solo l’interfaccia di Chrome viene ingrandita dall’impostazione di sistema.
Per lo zoom delle dimensioni dei font dei siti web, apri Chrome e vai su Impostazioni → Accessibilità → Scala testo
Forse varia a seconda del dispositivo o della versione di Android? Questo è da un test che ho fatto con il carattere di sistema ingrandito nelle impostazioni di accessibilità. Nessuna modifica al browser:
Qui il paragrafo viene ridimensionato solo, l’intestazione e tutti gli altri elementi di testo sono ancora piccoli!
Questo è un comportamento speciale di Chrome per ridimensionare solo parti del testo – cerca “Font Boosting” o vedi:
Sto notando alcuni effetti collaterali imprevisti ora che è distribuito su Meta, non sono sicuro del perché funzionasse diversamente nel mio ambiente di sviluppo, tornerò indietro e ci guarderò più attentamente… probabilmente non posso farlo per ora… impatta troppe cose al di fuori di font-size.
Sulla questione generale dell’accessibilità:
Mi piace l’idea di mantenere il font di base per i paragrafi predefinito a 16px, che tutti i browser impostano come dimensione del font predefinita.
Ciò aumenterebbe la dimensione del testo del 6-7% (16px/15px = 1,0666).
Per i dispositivi mobili come telefoni e tablet, questo aspetto è accettabile. Per i desktop, sarebbe leggermente troppo grande e insolito.
Se scegliamo questa strada, forse implementare una regola speciale per i dispositivi non touch per utilizzare invece un font di base di 15px. (Controllando i dispositivi non touch, sicuramente perderemo alcuni notebook con touchscreen, che quindi riceveranno la dimensione del font più grande.)
È ancora un problema con i dispositivi iOS? Posso aumentare la dimensione del carattere ma non cambia la dimensione del wrapping. Non ho accesso a un telefono/tablet Android per testarlo.
