Developer Corner - Accessibility G142 - Don't prevent users zooming a page

03 Aug 2020 | Developer Corner

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

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