Quick Tip: Regions at a glance

Most pages need four regions for an accessible structure. Most of the content should go in the <main> region. The content at the top of the page – logins, settings, navigation, everything that is shown to the user before the main content – should be wrapped in a <header> region. If the header has a set of links or a menu for navigating to other places on the site, that should be further contained in a <nav> region. The content that comes after the main region at the bottom of the page – links to resources, logos, contact information – belongs in the <footer>.


The monthly Web Accessibility Tip comes from WebAIM and is shared to get a wider audience. For more information about web accessibility, please visit the WebAIM website.

See also information about how you can subscribe to the monthly WebAIM Newsletter which contains lots of great information about web accessibility.