meta-viewport-zoom-enabled
Viewport-Meta-Tag darf Zoomen nicht deaktivieren
Prüft, dass <meta name="viewport"> weder user-scalable=no noch maximum-scale unter 2 (200 %) setzt.
Anwendbarkeit. Gilt für <meta name="viewport">-Elemente, deren content-Attribut maximum-scale oder user-scalable setzt. Ein content-Wert, der keines von beiden setzt, kann das Zoomen nicht einschränken.
Erwartung. Im wirksamen Viewport-Meta-Tag, dem letzten mit content (ein früheres wird ersetzt und nachgefragt, wenn es den Zoom einschränkt): user-scalable fehlt, ist yes, device-width, device-height oder eine Zahl außerhalb des Bereichs -1 bis 1; und maximum-scale fehlt, ist device-width, device-height, negativ oder 2 oder größer. Alles andere hindert Nutzende daran, Text auf 200 % zu vergrößern, was WCAG 1.4.4 (Textgröße ändern) verlangt.
Was ein Befund meldet.
reasons: die Einstellungen, die das Zoomen einschränken, eine pro Eintrag, so geschrieben wie imcontent-Attribut (user-scalable=no,maximum-scale=1).
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">
Ein maximum-scale von 5 (500 %) erlaubt weiterhin Zoomen deutlich über die 200 % hinaus, die WCAG 1.4.4 verlangt.
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
user-scalable=no deaktiviert Pinch-Zoom vollständig.
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_RESTRICTED_OVERRIDDEN
- Suchen Sie im Bereich „Elemente“ jedes <meta name="viewport"> im head der Seite und notieren Sie, welches das letzte ist.
- Öffnen Sie die Seite auf einem Smartphone oder Tablet oder im Gerätemodus der Entwicklertools mit Touch-Emulation.
- Zoomen Sie mit zwei Fingern (oder mit dem Zoom des Browsers) und versuchen Sie, Text auf 200 % zu vergrößern.
- Ist das Zoomen gesperrt, prüfen Sie, ob die Seite einen eigenen Weg bietet, Text zu vergrößern, etwa eine Einstellung für die Textgröße. Das zählt nur, wenn er sich mit der Tastatur bedienen lässt, Text mindestens doppelt so groß macht und nichts abgeschnitten wird oder verloren geht.
Bestanden. Text lässt sich auf mindestens 200 % zoomen, oder die eigene, per Tastatur bedienbare Textgrößen-Einstellung der Seite vergrößert ihn auf mindestens 200 %, ohne dass Inhalte oder Funktionen verloren gehen.
Nicht bestanden. Das Zoomen ist im getesteten Browser gesperrt oder unter 200 % begrenzt, und die Seite bietet keinen eigenen Weg, Text auf 200 % zu vergrößern; das verstößt gegen WCAG 1.4.4.