Search Menu
Language Menu
Mobile Menu
OGCIO

3.5 Success Criterion 1.4.12 – Text Spacing

Ensure the content or functionality will not be lost if user overrides the setting for spacing between paragraphs, lines, words or characters.

 

Before Rectification

A webpage sample with overlapping contents after user enlarges the line spacing.

The line height of header (h1) and sub-header (h2) texts is defined using absolute values (i.e. number of pixels).  When the user zooms in to enlarge the content of the webpage, the header and sub-header texts are cut off and become unreadable.

 

After Rectification

A webpage sample with clearly displayed contents without overlapping after user enlarges the line spacing.

The line height of h1 and h2 is defined using relative values (i.e. percentage).  When the page is zoomed by the user, the line height of h1 and h2 is changed accordingly such that the content can be displayed clearly.

 

WCAG 2 Reference:
https://www.w3.org/WAI/WCAG21/Understanding/text-spacing.html