Structure: Landmarks, Headings and Titles

Jon Gunderson, Ph.D.

Division of Disability Resources and Educational Services

College of Applied Health Sciences

University of Illinois at Urbana-Champaign

E-mail: jongund@illinois.edu


  1. Overview
  2. Landmarks, HTML5 Section Elements, Headings and Title
  3. Titling a Web Resource
  4. ARIA 1.1 Landmarks
  5. Landmark Example: Disability Resources and Educational Services (DRES) Website
  6. Pitfalls Observed in Initial Use of Landmarks
  7. DRES Home Page Landmarks
  8. DRES Home Page NVDA showing List of Landmarks
  9. DRES Informational Page
  10. DRES Informational Page showing NVDA List of Landmarks
  11. MAIN Landmark
  12. NAVIGATION Landmark
  13. BANNER Landmark
  14. CONTENTINFO Landmark
  15. COMPLEMENTARY Landmark
  16. REGION Landmark
  17. Landmark Design Patterns
  18. Use of Headings (H1-H6) in ARIA Landmarks
  19. Hiding Headings (H1-H6) and Other Content
  20. Landmark and Heading Visualization Tools
  21. Landmark Examples
  22. HTML5/ARIA Resources
  23. What About the Article Role and the Article Element?
  24. Screen Reader Support