WCAG 1.4.4 Förändring av textstorlek

Text ska gå att förstora till 200 procent utan att innehåll eller funktioner går förlorade. Kunden ska kunna använda webbläsarens zoom på datorn och nypa för att zooma på mobilen. Text som klipps, överlappar eller hamnar utanför sin ruta bryter mot kravet.

• Meta viewport med user-scalable=no eller maximum-scale=1, som spärrar zoom på mobilen.
• Knappar och etiketter med fast höjd i pixlar, där texten klipps när den förstoras.
• Produktnamn och priser i produktkorten som överlappar varandra vid 200 procent.
• Menyer och cookierutor som växer utanför skärmen, så att knapparna inte går att nå.

Låt meta viewport tillåta zoom, och ange storlekar i rem eller em i stället för fasta höjder i pixlar. Prova sedan sidan med webbläsarens zoom på 200 procent.

<!-- Spärrar zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Tillåter zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Gratistestet

Gratistestet letar efter det här i källkoden:

• Sidans viewport hindrar användaren från att zooma.

Gratistestet ser bara om zoom är spärrad i koden. Månadsgranskningen förstorar sidorna i en riktig webbläsare och visar text som klipps eller överlappar.

• Understanding 1.4.4 hos W3C (på engelska)
• Kravet i W3C:s svenska översättning

Den auktoriserade svenska översättningen gäller WCAG 2.0. Kravet 1.4.4 har samma lydelse i WCAG 2.1.