Accessibility 101
Structure

Use Headings

• Outline areas of content
• Nest headings properly
• Don't use headings because of how they look
• Don't create "headings" by styling text

ARIA Landmark Roles

• Every part of the page should be inside a landmark
• Using HTML5 gets you some of this for free
  • header for role="banner"
  • main for role="main"
  • nav for role="navigation"
  • footer for role="contentinfo"
  • aside for role="complementary"

Screen Reader Time!

• H navigates by Headings
• D navigates by Landmark Roles