Vad regeln kontrollerar
Säkerställ att <meta name="viewport"> inte inaktiverar textförstoring och zoomning.
Därför spelar det roll
WCAG 1.4.4 kräver att text kan förstoras upp till 200 %.
Så åtgärdar du det
På valfri webbplats
- Ta bort maximum-scale och user-scalable=no från viewport-metataggen.
I Shopify
- Ta bort maximum-scale=1 och user-scalable=no från viewport-metataggen i layout/theme.liquid.
Så kontrollerar du åtgärden
- Nypzooma på en mobil för att bekräfta att zoom fungerar.
Så hittar FixReports det
Vår skanning kör axe-core-regeln meta-viewport i en riktig Chrome-webbläsare på varje sida den testar och rapporterar varje felande element med sida, kod och, där det är relevant, en skärmbild.
Ett automatiskt test bekräftar att just det här problemet finns. Det kan inte avgöra om resten av sidan är tillgänglig: vissa hinder syns först när en människa granskar sidan.