Advanced Headings

Screen readers use headers to navigate a page and therefore rely on the specific heading styles Heading 1 (h1), Heading 2 (h2), and so on.

  • Use heading tags in hierarchical order. <h1><h2>, etc.
  • Make the main content header match the <title>.
  • Avoid using heading markup for text that isn't actually a heading.


Bad Example: This text is not a heading

<h2 style="border:1px solid #484641;...">Special Rates good until July 31!</h2>


Good Example: This text is a heading

<h1>This is heading 1</h1>


Was this article helpful? 0 out of 0 found this helpful

Have more questions? Submit a Support Ticket