In this article
What is the viewport?
A viewport ... refers to the part of the document you're viewing which is currently visible in its window (or the screen, if the document is being viewed in full screen mode). Content outside the viewport is not visible onscreen until scrolled into view.
-- from mdn web docs
The viewport meta tag is located in the <head> section of a webpage.
Why is zooming and scaling important?
Web visitors should be able to zoom as needed when browsing web pages. Zooming on a website can be helpful for users who need a larger text size for reading content and people who need a bigger click area for navigating a website.
Some website developers may consider adding a tag within the head of an html page to disable zooming to preserve a consistent look and feel across browser sizes. The trade-off is at the expense of usability for aesthetics. This is not a best practice for the accessibility and usability of the website.
Fixing the Zooming and Scaling Error
If your viewport meta tag needs to be edited, it will need to be done by someone with the appropriate access level to edit meta tags in the <head>.
The viewport tag should not include any of the following parameters:
user-scalable="no"maximum-scalemust be no less than 2
The following meta tag is the recommended tag for preserving zooming and scaling abilities as needed:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Learn More with WCAG
DubBot Flag: Zooming and scaling must not be disabled.
If you have questions, please contact our DubBot Support team via email at help@dubbot.com or via the blue chat bubble in the lower right corner of your screen. We are here to help!