Semantic Structure
Difficulty: Advanced
Category:
- Structure
- Presentation
Semantic structure in HTML is very useful for accessibility. Headings, lists, tables, and other elements can be identified by screen readers and can be used for navigation. For example, a screen reader user can navigate by headings (and even by specific heading level), lists, buttons, links, etc. As such, it’s important that HTML elements be used appropriately. Headings should only be used for headings, not simply to style text as big and bold. True lists should be used rather than simply adding bullet characters or numbers. Lists, on the other hand, should not be used to provide a visual indentation for content that is not truly a list.