Semantic HTML and Structure Questions

Focuses on writing and interpreting HTML markup that clearly expresses the purpose, hierarchy, and behavior of pages and user interface components. Candidates should understand core semantic elements such as header, nav, main, article, section, aside, footer and proper heading levels, and be able to choose elements that match content meaning and document hierarchy. This includes correct use of form elements including label, input types, button, fieldset and legend; providing meaningful alternative text for images; and applying accessibility attributes such as aria label, aria required and aria disabled to support assistive technologies. Candidates should demonstrate knowledge of keyboard and focus accessibility, progressive enhancement, and how semantic markup supports search engine optimization. The topic also covers organizing markup for maintainability, readability, testability, sensible class and data attribute usage, and structuring components for reuse in component libraries and design systems.