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
Test & fix this criterion
Use these free tools and guides to check and fix 1.3.1 Info and Relationships violations:
Scan your site