Skip to main content

Text & readability

Text is very small

WCAG 2.2 success criterion 1.4.4 Resize Text (Level AA)

WCAG 2.2
1.4.4 Resize Text
Level
AA
Default severity
Tip
Available in
Free

Why it matters

Text set below 12 pixels is hard to read for many people — older visitors, people with low vision, anyone on a phone — and it is often the fine print that matters most: prices, delivery terms, consent notes. No WCAG criterion sets a minimum font size, so this is a tip; it is filed under Resize Text because tiny text depends entirely on visitors zooming in.

Who it affects: People with dyslexia and other reading difficulties, low-vision readers who enlarge text, and anyone reading on a small screen — justified, tiny or all-capital text and underlines that are not links all slow reading down.

What Lumtera flags

Text whose size set in the content works out below 12 pixels: inline font sizes in px, pt, rem, em or percent (relative sizes are worked out from the parent, from a 16-pixel base), the xx-small and x-small keywords, and the block editor's font size presets, read from your theme's settings. Sizes that cannot be known from the content — var(), calc() and viewport units — are skipped, and for fluid sizes the largest value is used, so text is never called small when it may grow. When small blocks are nested, only the outermost one is reported.

Check ID text-too-small — use it to filter the content report or with wp lumtera issues --rule.

How to fix it in WordPress

Select the block and choose a larger size under Typography > Size, ideally the default body size. Keep text at 12px or larger; fine print is still content visitors need to read. Set sizes in rem or em rather than px so text grows when visitors change their browser's text size.

Example

Flagged
<p style="font-size:10px">Free delivery on orders over $50. Excludes furniture.</p>
Fixed
<p class="has-small-font-size">Free delivery on orders over $50. Excludes furniture.</p>
<!-- the theme's "small" preset is 0.875rem (14px) -->

How to check your fix

  1. Update the post. The issue disappears from the Accessibility sidebar on the next check, and from the site report on the next scan.
  2. Read the passage at 200% zoom on a phone-sized window. Text should be left-aligned, comfortably large, mostly in sentence case, and only links should be underlined.

Find this issue across your whole site

Lumtera runs this check in the block editor sidebar as you write, in the Elementor panel, in Review mode on the live page, and across the whole site in the content report and with wp lumtera scan. You can change its severity or turn it off in Accessibility → Settings.

All checks

Start with the free plugin today

All 64 checks, the editor sidebar, Elementor panel and site report — free, with no account and no page limits.