These docs are for CORA 0.10, an older release. Read this page in the newest docs.
Zooming needs to reach 500%
- Rule:
axe/meta-viewport-large - Checks: Users should be able to zoom and scale the text up to 500%
- WCAG: none; a best practice, not a WCAG success criterion
- Fix class:
mechanical: A fix needs no authored text or visual decision.
Who it affects
Section titled “Who it affects”- People with low vision, who zoom, magnify or need strong contrast.
How to fix it
Section titled “How to fix it”The viewport tag sets maximum-scale from 2 up to but not including 5
Section titled “The viewport tag sets maximum-scale from 2 up to but not including 5”Remove maximum-scale, or raise it to at least 5. Many people with low vision magnify well beyond 200%. This is a best practice beyond WCAG’s 200% requirement.
<meta name="viewport" content="width=device-width, initial-scale=1">The limit keeps a fixed-width layout from breaking when zoomed
Section titled “The limit keeps a fixed-width layout from breaking when zoomed”Make the layout reflow instead: use relative units and flexible containers so content stays usable when magnified, then remove the limit.
More on the rule
Section titled “More on the rule”axe-core’s documentation of the rule
CORA’s fix guidance adapts content from accessibility-agents, under the MIT License: see its notice.