UX / UI Hohe Auswirkung Einfach 2 Min.

Blockierter Seiten-Zoom

Verbiete dem Nutzer niemals das Heranzoomen der Seite.

Was es ist

Manche Websites verbieten im Viewport-Meta das Heranzoomen über user-scalable=no oder maximum-scale=1. Der Nutzer kann die Seite dann nicht mit den Fingern „aufziehen“.

Warum es wichtig ist

Das Verbot des Zooms ist ein ernstes Zugänglichkeitsproblem: Menschen mit eingeschränktem Sehvermögen müssen den Inhalt heranziehen können. Es ist eine Verletzung der WCAG und schadet auf Handys direkt der Usability. Es bringt keinen realen Vorteil.

So geht's

1Entferne aus dem Viewport-Meta-Tag user-scalable=no und maximum-scale.
2Belasse nur "width=device-width, initial-scale=1".
3Falls der Zoom das Layout „zerbrochen“ hat, löse das über responsives CSS, nicht über ein Zoom-Verbot.

Beispiel

Falsch

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Richtig

<meta name="viewport" content="width=device-width, initial-scale=1">

Fazit

Verbiete den Zoom niemals, es ist eine Zwei-Minuten-Korrektur mit direkter Wirkung auf die Zugänglichkeit. Entferne user-scalable=no und maximum-scale und lass den Nutzer heranzoomen. Das gehört zu den schnellen und wichtigen UX-Erfolgen.

Verwandte Themen