The semantic structure of the page conveys important information to users.
Page Structure
Why Is This Important?
Assistive technologies use the information provided by the web page to give users controls to traverse the page. That can mean jumping to different places on the page or announcing how many items are in a list. It makes navigating the web page much easier.
Checking for Basic WCAG Requirements
There are many options for implementing page structure and some depend on personal preference of the page author.
Best Practices
- Always use the appropriate elements in HTML, for example
<ol>for ordered and<ul>for unordered lists. - Add elements that can be used for quick navigation (“landmarks”), like
<nav>,<main>,<footer>,<header>, …
Tools & Bookmarklet
- Paul J. Adam’s Landmarks Bookmarklet displays used landmarks.
- Paul J. Adam’s Lists Bookmarklet shows lists.