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.
Wenn Sie die Schriftgröße in Ihrem Webbrowser anpassen, sollte sich Discourse wie jede andere Website skalieren … aber es sieht so aus, als ob die Anpassung der Schriftgröße des Betriebssystems unter iOS nur die App-Größen beeinflusst und nicht unbedingt die Schriftgrößen von Websites.
Wenn wir font: -apple-system-body; verwenden, können wir uns auch an das System anpassen (Apple nennt dies Dynamic Type). Ich glaube, Android macht das automatisch und benötigt keine Änderungen … aber ich werde es noch einmal überprüfen.
Es gibt ein paar Besonderheiten, die ich in der PR bemerkt habe und die umgangen werden müssen, aber es scheint, dass dies wie erwartet funktionieren sollte.
Für Android ist nichts Zusätzliches erforderlich, der Browser skaliert die Schriftgrößen dort bereits zusammen mit der Systemeinstellung.
Dies ist die Apple iOS Safari-Methode, um Ihre Standard-Zoomstufe für alle Websites auszuwählen:
Gehen Sie zu Einstellungen → Safari → Einstellungen für Websites → Seitenzoom → Andere Websites:
50/75/85/100/125/150/175/200/250/300%
Indem wir standardmäßig font: -apple-system-body; nur für Discourse-Websites verwenden, weichen wir völlig von der weit verbreiteten Basis font-size: 15px für Absätze ab.
Dies führt nun einen Sonderfall für alle Discourse-Websites ein: Die Schriftart ist zu groß.
Und jeder Benutzer muss eine spezielle Zoomstufe für Discourse-Website-Domains von z. B. 85% einstellen.
Oder falls ein Benutzer bereits eine höhere Zoomstufe in Safari von z. B. 150% eingestellt hat, muss sie diese nun für Discourse-Domains auf z. B. 125% reduzieren.
Ich empfehle dringend, dies nicht zu implementieren!
Bitte machen Sie den Merge dieses PR rückgängig.
Bitte prüfen Sie, was passiert, wenn auf dem iPhone iOS Ihre Systemeinstellung für die Schriftgröße bei etwa 150% liegt und der Safari-Seitenzoom auf 150% eingestellt ist:
Für normale Websites sollte dies zu 150% führen
Mit der neuen Änderung zu Discourse font: -apple-system-body; könnte dies zu 225% (= 150% * 150%) führen
Soweit ich weiß, tut Chrome unter Android das nicht: Nur die Chrome-Oberfläche wird durch die Systemeinstellung gezoomt.
Für das Zoomen von Website-Schriftgrößen öffnen Sie Chrome und gehen Sie zu Einstellungen → Bedienungshilfen → Textskalierung
Vielleicht variiert es je nach Gerät oder Android-Version? Dies ist aus einem Test, den ich mit der im Bedienungshilfen-Menü hochskalierten Systemschriftart durchgeführt habe. Keine Änderungen am Browser:
Hier wird der Absatz nur skaliert, Überschrift und alle anderen Textelemente sind immer noch klein!
Dies ist ein spezielles Verhalten von Chrome, nur Teile des Textes zu skalieren – suchen Sie nach „Font Boosting“ oder siehe:
Ich bemerke einige unbeabsichtigte Nebenwirkungen, jetzt wo dies auf Meta bereitgestellt wurde, bin mir nicht sicher, warum es in meiner Entwicklungsumgebung anders funktionierte, werde es zurücksetzen und mir das genauer ansehen… kann das wahrscheinlich vorerst nicht tun… es beeinflusst zu viele Dinge außerhalb der Schriftgröße.
Bei allgemeiner Barrierefreiheit:
Mir gefällt die Idee, die Basisschriftgröße für Absätze auf die Standardeinstellung von 16 Pixel beizubehalten, die alle Browser als Standard-Schriftgröße haben.
Dies würde die Textgröße um 6-7 % erhöhen (16px/15px = 1,0666).
Für mobile Geräte wie Telefone und Tablets sieht dies in Ordnung aus. Für Desktops wäre dies etwas zu groß und ungewöhnlich.
Wenn wir diesen Weg gehen, sollten wir vielleicht eine spezielle Regel für Geräte ohne Touchscreen implementieren, um stattdessen 15 Pixel Basisschriftgröße zu verwenden. (Durch die Überprüfung auf Geräte ohne Touchscreen verpassen wir definitiv einige Notebooks mit Touchscreens – diese erhalten dann die größere Schriftgröße.)
Ist dies bei iOS-Geräten immer noch ein Problem? Ich kann die Schriftgröße erhöhen, aber die Umbruchgröße ändert sich nicht. Ich habe keinen Zugriff auf ein Android-Telefon/Tablet, um es zu testen.
