Benutzerfreundlichen Bildschirmzoom per Button (STRG-) (STRG+) STRG0)

[Rolf B]

Hallo Franz,

Gerade ältere Benutzer oder "Neulinge" kennen nicht die Möglichkeit dies über die Tastatur mit STRG - / + / 0 zu erreichen.

Wer häufig zoomen muss, kennt das. Wer nicht, dem hilfst Du nicht damit, dass Du auf deiner Seite eine Standardfunktion des Browsers nachbildest.

Viele Benutzer kennen "Alt + Pfeil links" nicht, um zur vorigen Seite zu springen. Würdest Du deshalb einen "Vorige Seite" Button bereitstellen wollen?

Lösungsmöglichkeiten, absteigend nach Sinnhaftigkeit geordnet:

• Designe deine Seite so, dass man sie auch ohne Zoom gut lesen kann.
• Verwende em-Angaben für Schriftarten, nicht px, und verwende mindestens font-size:1em für deine Texte. Je nach Font ist das immer noch zu klein, vergleiche 1em deines Fonts mit 1em des Default-Fonts. Lege alle Größenangaben damit fest.
  • Beachte: 1em bezieht sich auf die Schriftgröße der aktuellen Box, die sie ggf. von ihrem Elternelement erbt. Alternativ kannst Du 1rem verwenden, das sich auf die Schriftgröße des Root-Elements (das html Element) bezieht.
• Traue deinen Benutzern zu, ihre Geräte bedienen zu können. Wer es noch nicht weiß, erfährt auf diese Weise Lerndruck und baut Wissen auf. Ja, das ist nicht nett. Aber wer schlecht sieht, muss lernen, die passenden Hilfsmittel zu nutzen.
• Wenn Du UNBEDINGT einen Zoom bauen willst, dann nutze deine Buttons, um die font-size des html Elements zu verändern. Wiederum relativ: 1em auf dem HTML Element bezieht sich auf den Default-Font, den der Browser setzt. 110% Zoom erreichst Du mit font-size:110% (oder 1.1rem) auf dem html Element. Wenn der Rest deiner Seite in em bemessen ist, passt sich dadurch automatisch alles an. Beachte, dass Du auch Media-Queries in em messen musst, so dass bei stärkerem Zoom auf Layout für "schmale" Viewports umgeschaltet wird.

Rolf