Why it matters
Screen readers need correct HTML structure to announce headings, lists, and form relationships.
Common violations
- Using divs instead of semantic headings
- Form fields not associated with labels
- Tables used for layout instead of data
Code examples
Bad
<div class="title">Pricing</div>Good
<h2>Pricing</h2>How to fix
Use semantic HTML for headings and lists, associate labels with inputs, and reserve tables for data.
Related criteria
Related resources
Scan your site