Accessibility rule: Line height does not meet minimum requirement, explained
Making sure that written content has proper line height improves the readability of the text and helps users consume information efficiently. Users should therefore be able to adjust the spacing on the page without any loss of content or functionality.
Who is impacted by this barrier?
If there is not enough space between lines, people with low vision, dyslexia, or other types of learning and cognitive disabilities may find the text hard to read. Without proper spacing, content can appear crowded making it difficult to consume.
In fact, line spacing needs to be carefully considered. If it is too narrow, users may struggle to follow each line of text. If it is too wide, however, the same users may struggle to understand the relationship between the lines of text.
How does the rule work?
This rule checks that the style attribute is not used to prevent adjustment of the line-height by using !important, except if it's at least 1.5 times the font size. You can read more about this rule in the technical documentation.
The !important rule in CSS is used to add more importance to a property or a value. In fact, when the !important rule has been set, it will override any other styling rule.
How do I fix the issue?
Line height should be set to at least 1.5 times the font size if the !important flag has been set.
Did you find it helpful?Send feedback