Skip to main content
U.S. flag

An official website of the United States government

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Secure .gov websites use HTTPS
A lock ( ) or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Page structure

Are you using semantic elements and roles?

Why it’s important: Carlos is low-sighted and navigates pages by jumping to the page section he wants to get to.

Steps to take

  • Use sectioning elements to create a broad outline of your page content; examples of these elements include header, nav, main, and footer. Use content sectioning elements like section, article, and aside to organize the document content into logical pieces.
  • Add role="banner" to your masthead and role="contentinfo" to your page footer once per page to define landmark elements.

Resources

Video tutorial: Landmarks

WCAG 2.0 references

Next

Contact: Questions or comments? Please file a GitHub issue or email g-accessibility@gsa.gov.