Itqualityassurance
We found the answer: Use a minimum value of 1.5 for line-height for main paragraph content. Headings aren't the main paragraph content, so line-height doesn't have to be 150% to be accessible. In most cases, headings are just 1-3 lines of text.
- What is the line height of H1?
- What is the correct line height?
- How big should my H1 be?
- What is the recommended minimum line height for body text for the Web?
What is the line height of H1?
For instance, in Chrome, the h1 element has a default font-size of 2em - which is larger than the 18px on your span element. If the h1 element's font-size is smaller than 18px by default, the overall height of your h1 element will be 25px .
What is the correct line height?
While there is no perfect line height, a good rule of thumb is to set it at approximately 150% of the font size. While there is no perfect line height, a good rule of thumb is to set it at approximately 150% of the font size.
How big should my H1 be?
The H1 should almost always be the largest text on the page. So an H1 is always BIG, H2 slightly less so. This is the default styling. The H1 tag is given prominence, it is the title or main heading.
What is the recommended minimum line height for body text for the Web?
Use a minimum value of 1.5 for line-height for main paragraph content. This will help people experiencing low vision conditions, as well as people with cognitive concerns such as Dyslexia.
