no-non-scalable-viewport

This rule disallows use of user-scalable=no in <meta name="viewport">.

The user-scalable=no disables zooming on a page. It makes users with partial vision or low vision hard to read web content.

How to use

.eslintrc.js

module.exports = {
  rules: {
    "@html-eslint/no-non-scalable-viewport": "error",
  },
};

Examples of incorrect code for this rule:

<html>
  <head>
    <meta name="viewport" content="width=device-width, user-scalable=no" />
  </head>
  <body></body>
</html>

Examples of correct code for this rule:

<html>
  <head>
    <meta name="viewport" content="width=device-width" />
  </head>
  <body></body>
</html>