This check finds text that may be too small to read comfortably on mobile or at the current viewport. Automated thresholds are indicators; font design, weight, contrast, and line length also affect legibility.
Why this matters
Small text increases effort for everyone and can make a page inaccessible to people with low vision. Users should also be able to enlarge text without losing content or functionality.
How to fix it
- Use a readable base font size and relative units such as
remfor scalable typography. - Reserve smaller sizes for secondary content while keeping labels, controls, and essential instructions clear.
- Set comfortable line height and avoid overly wide text columns.
- Do not disable browser zoom; test text enlargement independently of responsive breakpoints.
When the finding appears across many URLs, fix the shared component or layout that produces it instead of patching generated HTML page by page. Recheck representative templates and responsive states after deployment so the correction does not create a regression elsewhere.
How to verify the fix
Review representative pages on a narrow viewport and at 200% text zoom. Confirm text does not overlap, truncate, or require two-dimensional scrolling for normal reading.
Keep before-and-after evidence for the affected URL, original output, correction, and verification method. If markup changes after load, test consent states, localization, responsive variants, and client-side navigation because the initial HTML and rendered DOM can differ.