search

BITS-Training / BITS-hugo

BITS-Quellcode, auch für das hugo-Tool zum Erzeugen statischer HTML-Seiten
https://www.bits-training.de
Other
14 stars 7 forks source link

Schriftgröße Navbar auf 12px #70

Closed andi-blafasl closed 3 years ago

andi-blafasl commented 3 years ago

Offenbar erwarten die Berufsgenossenschaften eine Mindestgröße von 12px. Dies müsste für die linke Navbar überprüft werden.

andi-blafasl commented 3 years ago

Also unsere Basis-Schriftgröße im Root-Element ist 16px. Da alle anderen Elemente vom Root-Element abgeleitet sind (rem Werte), ist die Navigation mit 1.1rem definiert. Das macht laut Browser dann 17.6px. Die kleineren Punkte unten in der Navigation sind fest auf 15px gesetzt und die TOC (die wir ja eigentlich nicht nutzen) ist auch auf 15px eingestellt.

Wo sollen denn da was kleiner als 12px sein?

Das ganze bezieht sich auf meinen Monitor mit 1920x1200 Auflösung ohne Skalierung. Da wir ein Responsive Layout verwenden, kann sich die Schrittgröße natürlich auch bei unterschiedlichen Auflösungen verändern. Das ist aber auch so gewollt, am Handy hat man ja weniger Platz.

BITS-Editor commented 3 years ago

Danke - ich frage mal beim Melder nach.

andi-blafasl commented 3 years ago

Barrierefreiheit sieht gut aus: https://www.experte.de/barrierefreiheit die Seite testet auch Unterseiten automatisch, das Ergebnis deckt sich mit dem WAVE tool. Zum Thema "richtige Schriftgröße" hab ich noch was interessantes gefunden: https://www.cybay.de/blog/typografie-im-web-was-ist-die-richtige-schriftgroesse-fuer-eine-website/ Da kann man schon fast ne Doktorarbeit schreiben 😁

BITS-Editor commented 3 years ago

Keine Änderung erforderlich, siehe oben.