Use semantic HTML elements

Screen readers use semantic elements to navigate pages—users can jump directly to <main> content or <nav>. Search engines also use semantics to understand content hierarchy.

Quick Reference

• Use , , for page structure
• Use for self-contained content, for grouped content
• Use for navigation, for related/sidebar content
• Only one per page, but multiple / allowed

Check

Review this HTML structure to ensure it uses appropriate semantic elements like header, main, section, article, aside, and footer instead of generic div elements.

Fix

Replace generic div elements with semantic HTML5 elements that accurately describe the content structure and purpose.