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 vous ajustez la taille de la police dans votre navigateur Web, Discourse devrait s’adapter comme n’importe quel autre site Web… mais il semble que si vous ajustez la taille de la police du système d’exploitation sous iOS, cela n’affecte que la taille des applications et pas nécessairement la taille de la police des sites Web.
Si nous utilisons font: -apple-system-body;, nous pouvons également nous adapter au système (Apple appelle cela Dynamic Type). Je pense qu’Android le fait automatiquement et ne nécessite aucune modification… mais je vérifierai.
Voici la méthode d’Apple iOS Safari pour sélectionner votre niveau de zoom par défaut pour tous les sites web :
Allez dans Réglages → Safari → Paramètres pour les sites web → Zoom de la page → Autres sites web :
50/75/85/100/125/150/175/200/250/300 %
En utilisant par défaut font: -apple-system-body; uniquement pour les sites web discourse, nous nous différencions totalement de la base couramment utilisée font-size: 15px pour les paragraphes.
Cela introduit maintenant un cas particulier pour tous les sites web discourse : la police est trop grande.
Et chaque utilisateur doit définir un niveau de zoom spécial pour les domaines de sites web discourse, par exemple 85 %.
Ou si un utilisateur a déjà défini un niveau de zoom plus élevé dans Safari, par exemple 150 %, elle doit maintenant le régler à, par exemple, 125 % uniquement pour les domaines discourse.
Je recommande fortement de ne pas implémenter cela !
Veuillez annuler la fusion de cette PR.
Veuillez vérifier ce qui se passe si sur iPhone iOS votre réglage de police système est autour de 150 % et que le zoom de page Safari est réglé sur 150 % :
Pour les sites web normaux, cela devrait résulter en 150 %
Avec le nouveau changement vers font: -apple-system-body; pour Discourse, cela pourrait résulter en 225 % (= 150 % * 150 %)
Pour autant que je sache, Chrome sur Android ne le fait pas : seule l’interface de Chrome est zoomée par le réglage système.
Pour le zoom de la taille de la police des sites web, ouvrez Chrome et allez dans Paramètres → Accessibilité → Mise à l’échelle du texte
Peut-être que cela varie selon l’appareil ou la version d’Android ? Ceci provient d’un test que j’ai effectué avec la police système agrandie dans les paramètres d’accessibilité. Aucune modification du navigateur :
Ici, le paragraphe est mis à l’échelle uniquement, le titre et tous les autres éléments de texte sont toujours de petite taille !
C’est un comportement spécial de Chrome qui ne met à l’échelle que certaines parties du texte – recherchez « Font Boosting » ou consultez :
Je remarque des effets secondaires indésirables maintenant que c’est déployé sur Meta, je ne suis pas sûr pourquoi cela fonctionnait différemment dans mon environnement de développement, je vais revenir en arrière et examiner cela de plus près… je ne peux probablement pas faire cela pour l’instant… cela a un impact sur trop de choses en dehors de la taille de la police.
Concernant le cas général d’accessibilité :
J’aime l’idée de conserver la police de base des paragraphes à 16px par défaut, que tous les navigateurs ont définie comme taille de police par défaut.
Cela augmenterait la taille du texte de 6 à 7 % (16px/15px = 1,0666).
Pour les appareils mobiles comme les téléphones et les tablettes, cela semble correct. Pour les ordinateurs de bureau, ce serait légèrement trop grand et inhabituel.
Si nous adoptons cette approche, nous pourrions peut-être implémenter une règle spéciale pour les appareils non tactiles afin d’utiliser une police de base de 15px à la place. (En vérifiant les appareils non tactiles, nous manquerons certainement certains ordinateurs portables avec écrans tactiles - ils recevront alors la taille de police plus grande.)
Est-ce toujours un problème avec les appareils iOS ? Je peux augmenter la taille de la police, mais cela ne change pas la taille du retour à la ligne. Je n’ai pas accès à un téléphone/une tablette Android pour tester.
