Semantic HTML Structure

Checks for proper use of semantic tags like <main>, <nav>, etc.

What is this check?

Semantic HTML means using HTML tags that accurately describe the type of content they contain. For example, using `<nav>` for navigation links, `<main>` for the main content, and `<article>` for a self-contained piece of content.

Why is it important?

It provides a clear structure for screen readers and other assistive technologies, allowing users to easily navigate the page. It also helps search engines understand the layout and importance of different parts of your page.

What is the impact?

Poor semantic structure makes a site difficult or impossible for users with screen readers to navigate efficiently.

Example Implementation

<body>
  <header>...</header>
  <nav>...</nav>
  <main>
    <h1>Page Title</h1>
    <p>Main content...</p>
  </main>
  <footer>...</footer>
</body>