meta-viewport-large
Viewport-Meta-Tag sollte Zoomen bis 500 % erlauben
Prüft, dass <meta name="viewport"> weder user-scalable=no noch maximum-scale unter 5 (500 %) setzt.
Anwendbarkeit. Gilt für <meta name="viewport">-Elemente mit nicht leerem content-Attribut.
Erwartung. Das content-Attribut blockiert das Zoomen nicht per user-scalable und setzt maximum-scale nicht unter 5 (500 %), so gelesen, wie Browser es lesen, auf dieselbe Weise, wie meta-viewport-zoom-enabled es liest. Das ist das strengere Gegenstück zu meta-viewport-zoom-enabled (jene Regel setzt das AA-Minimum von 200 % als harten, WCAG-normativen fail durch); diese Regel stützt sich auf kein WCAG-Erfolgskriterium, sondern ist eine unverbindliche Best-Practice-Empfehlung mit dem höheren Ziel von 500 %.
Was ein Befund meldet.
reasons: jede Einstellung im content-Attribut, die das Zoomen einschränkt, so wie sie dort steht, in Kleinbuchstaben, etwauser-scalable=noodermaximum-scale=2(unter 5).
Diese Felder in data.details helfen, einen Befund zu lesen und zu reproduzieren. Außer reasonCode und den wenigen Feldern, die Ausgabeschema als stabil nennt, sind sie kein stabiler Vertrag: Ein Feld kann in einer Minor-Version umbenannt werden oder wegfallen, bauen Sie also nicht darauf auf.
Beispiele
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
maximum-scale=5 (500 %) erreicht bereits die Best-Practice-Obergrenze, auf die diese Regel prüft.
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
user-scalable=no verhindert jedes Zoomen über den Maßstab hinaus, mit dem die Seite lädt, und verfehlt damit das Best-Practice-Ziel von 500 %.
So prüfen Sie es
Wenn diese Regel nicht entscheiden kann, meldet sie cantTell und überlässt die Frage einer Person. Jede Frage, die sie stellen kann, steht hier unter ihrem Reason-Code, mit den Schritten, um sie zu beantworten. Ein Befund enthält dieselben Schritte in howToCheck, in der Sprache des Scans. Siehe Ausgabeschema.
VIEWPORT_ZOOM_BELOW_500
- Lesen Sie im Seitenquelltext den content des viewport-Meta-Tags; der Bericht führt die Einstellungen auf, die den Zoom begrenzen, etwa user-scalable=no oder maximum-scale=2.
- Öffnen Sie die Seite auf einem Smartphone oder in der Geräteemulation des Browsers und zoomen Sie mit zwei Fingern (oder mit der Zoomgeste) so weit wie möglich.
- Notieren Sie, ob 500 % erreicht werden und ob der Text noch lesbar ist.
Bestanden. Die Seite lässt sich auf 500 % zoomen, ohne user-scalable=no und ohne maximum-scale unter 5.
Nicht bestanden. Zoomen ist gesperrt oder endet unter 500 %, was das Best-Practice-Ziel über WCAG 1.4.4 hinaus verfehlt.