-
👍 Every page should contain exactly one
<h1>
heading. -
The primary heading should be followed by
<h2
>,<h3>
in order. It's bad practice for your webpage to simply feature<h5>
,<h6>
! -
Headings are not just for styling (and font size); they also carry a semantic role!
-
Use
react-axe
ortota11y
to diagnose. You can always check which headings are available in theVoiceOver
rotor, headings menu.