• Tweet this item
  • share this item on Linkedin
Helen Grimbly

Accessibility G142 - Don't prevent users zooming a page

Developer Corner


This week, Helen introduces the newly-implemented Accessibility rule G142 for WCAG 2.1.

Having the ability to zoom in on a web page can be useful for any individual. For example, if someone views a web document on a mobile with a small screen then they are likely to need to pinch and zoom the screen in order to view and read the text. Someone with less than perfect vision may find the ability to zoom essential.

The Accessibility technique G142 meets this requirement by stating that the scability parameter in the HTML should allow pages to scale to at least 200%, such as in the following HTML code:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">

The following example would be incorrect as it prevents the page being zoomed:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Please see the WCAG document for more information on this technique: https://www.w3.org/WAI/WCAG21/Techniques/general/G142

Your Just-in-time Training

Actions speak louder than words. We deliver relevant, short training videos with each action. These will enable you to understand what to do next and how to get on with it.