Checks for proper use of semantic tags like <main>, <nav>, etc.
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.
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.
Poor semantic structure makes a site difficult or impossible for users with screen readers to navigate efficiently.
<body>
<header>...</header>
<nav>...</nav>
<main>
<h1>Page Title</h1>
<p>Main content...</p>
</main>
<footer>...</footer>
</body>Run a free audit to see how your site performs on Semantic HTML Structure and 159 other checks.
Start Free AuditEnsures headings (<h1>-<h6>) are logically ordered and not skipping levels.
Ensures all form inputs have associated labels for accessibility.
Checks if all interactive elements are reachable via the Tab key.
Checks for sufficient contrast between text and background colors.