Zoom deaktiviert

Silktide prüft jede Seite auf Code, der Besucher daran hindert, auf Mobilgeräten zu zoomen. Pinch-to-Zoom sollte immer verfügbar sein, denn viele Menschen sind darauf angewiesen, um Ihre Inhalte zu lesen.

Das verantwortliche Codeelement ist das -Meta-Tag der Seite:

<!-- Problem: Sowohl user-scalable=no als auch maximum-scale=1 blockieren das Zoomen -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Lösung: Nutzern das Zoomen erlauben -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Warum das wichtig ist

Pinch-to-Zoom ist die Art und Weise, wie Menschen mit eingeschränktem Sehvermögen das Web auf dem Telefon lesen. Es ist außerdem die Methode, mit der alle anderen mit Kleingedrucktem, dichten Karten und detaillierten Bildern umgehen. Eine Seite, die dies deaktiviert, macht all das unmöglich – es gibt keine Umgehungslösung, die ein Besucher anwenden könnte.

Zoom wird meist aus kosmetischen Gründen deaktiviert, um Layout-Verschiebungen zu verhindern. Die Kosten tragen jedoch genau die Menschen, die die Funktion am dringendsten brauchen, und Richtlinien zur Barrierefreiheit verlangen, dass Text in der Größe geändert werden kann. Einige Geräte ignorieren diese Beschränkung inzwischen, gerade weil sie so schädlich ist, viele Browser halten sich jedoch weiterhin daran.

So beheben Sie das Problem

Entfernen Sie user-scalable=no aus jedem Viewport-Tag.
Entfernen Sie maximum-scale-Werte, die das Zoomen auf die normale Seitengröße oder in deren Nähe begrenzen (z. B. maximum-scale=1).
Wenn Ihr Layout beim Zoomen kaputtgeht, beheben Sie das Layout mit , anstatt Besucher vom Zoomen auszuschließen.

So testet Silktide dies

Laden der Seite auf einem simulierten Mobilgerät.
Auffinden jedes Viewport-Meta-Tags.
Melden jedes Tags, das das Zoomen blockiert – entweder user-scalable=no oder ein maximum-scale, das nicht höher ist als die Skalierung, mit der die Seite bereits geladen wird.

Fehlerbehebung

Ich kann auf meinem iPhone trotzdem zoomen

iOS ignoriert diese Viewport-Beschränkungen und erlaubt trotzdem Pinch-to-Zoom. Andere Browser und Plattformen befolgen sie jedoch weiterhin; der Code stellt daher weiterhin eine reale Barriere dar und sollte behoben werden. Um das Problem zu reproduzieren, testen Sie auf einem Android-Gerät.

Das Tag wird von meinem Framework oder Theme hinzugefügt

Einige ältere Themes und App-Frameworks fügen user-scalable=no standardmäßig hinzu. Suchen Sie im Theme nach einer Viewport- oder Zoom-Einstellung oder überschreiben Sie das Tag in Ihrer Seitenvorlage.