Ensure that our HTML is semantically structured so that it’s understandable for users, assistive technology, and other machine uses. Specifically, if the page is broken into subsections, each of those subsections needs to be semantically marked and titled.
Why this matters
How to implement
<main> section of the page you may want to divide the page up into subsections. There are two accessible ways to do so:
- Preferred: Use a
<article>tag to hold each container, and ensure that each container has a heading (probably an
<h2>) describing it at the top.
- Use a
<div>to hold each container. Ensure the container has an
aria-role=”region”attribute and an
How to test
Right-click various sections of the page and ensure that their containers are semantic according to the explanations in How to Implement.