Accessibility
viewport-meta
Forbid disabling user scaling on the viewport meta tag.
Flags viewport meta tags that disable zoom (user-scalable=no, maximum-scale=1). Disabling zoom locks out low-vision users and is a recurring AI scaffold default copied from outdated mobile-web tutorials.
Behavior
- Fixable: No.
- Suggestions: No.
- Maps to: WCAG 1.4.4 (Resize Text).
Examples
Bad:
<meta name="viewport" content="width=device-width, user-scalable=no" />Good:
<meta name="viewport" content="width=device-width, initial-scale=1" />Related rules
lang-attributeRequire a valid lang attribute on the <html> element.responsive-requiredRequire responsive breakpoints on fixed-width layout containers.responsive-image-optimizationFlag <img> elements missing loading, width/height, or srcset.
Use it
Enable viewport-meta in your eslint.config.js:
import deslint from '@deslint/eslint-plugin';
export default [
{
plugins: { deslint },
rules: {
'deslint/viewport-meta': 'error',
},
},
];Found a false positive? Report it on GitHub →