Web Accessibility, Part 1: Semantic Structure and Navigation

Already enrolled? Login now.

Technical level: Intermediate (knowledge of HTML required)

Duration: 105 minutes (estimate)

IAAP CAECs: 1.75 (This class counts toward renewal of IAAP certification)

Course Synopsis:

Understanding semantic markup to allow users with disabilities to read and navigate page title, landmarks, headings, navigation menus, links, tables, lists, iframes, and other elements.

Pricing for Online Class

Each class is $45 for a full year of access, or lower for group enrollment, or when purchasing multi-course curriculum packages. See the full set of curriculum options for details.

Enroll in "Semantic Structure and Navigation"

For groups of 10 or more, contact us.

You may also subscribe via a Purchase order.

Course Topics: Web Accessibility, Part 1: Semantic Structure and Navigation

  • Video Tutorial Library
  • Page Title
    • Title for Every Page
    • Meaningful Page Title
    • Video Tutorial: Page Title
  • Language
    • Primary Language of Page
    • Language of Parts within the Page
    • Language Codes
    • Video Tutorial: Language
  • Landmarks
    • Creating Landmarks (HTML5, ARIA)
    • Best Practices for Landmarks
    • Backward Compatibility
    • Navigating Landmarks with Screen Readers
    • Video Tutorial: Landmarks
  • General UI Components
  • Headings
    • Real Headings
    • Meaningful Text
    • Outline/Hierarchy of Content
    • Heading Level 1 Best Practices
    • Navigating Headings with Screen Readers
    • Video Tutorial: Headings
  • Links
    • Designate Links Correctly
    • Link Text
    • Links to External Sites, New Windows, Files
    • Visually Distinguishable from Text
    • Visual focus indicator
    • Navigating links with screen readers
    • Video Tutorial: Links
  • Navigation Between Pages
    • Navigation Lists
    • Consistency
    • Video Tutorial: Navigation Between Pages
  • Navigation Within Pages
    • Skip Navigation Links
    • Table of Contents
    • Reading Order and Tab/Focus Order
    • Single-Key Shortcuts
    • Paginated Views
    • Video Tutorial: Navigation Within Pages
  • Tables
    • Semantic Markup for Tabular Data
    • Table caption/name
    • Table Headers
    • Simple Header Associations
    • Grouped Header Associations
    • Complex Header Associations
    • Nested or Split Tables
    • Table Summary
    • Layout Tables
    • Navigating Tables with Screen Readers
    • Video Tutorial: Tables
  • Lists
    • Semantic Markup for Lists
    • Navigating lists with screen readers
    • Video Tutorial: Lists
  • Iframes
    • Frame titles
    • Page Title Within an Iframe
    • Semantic structure across iframes
    • Hiding iframes that don’t contain meaningful content
    • Navigating iframes with screen readers
    • Video Tutorial: Iframes
  • Other Semantic Elements
    • strong and em
    • blockquote and q
    • code and pre
    • Strikethrough/Delete and Insert
    • Highlighting (mark)
    • Video Tutorial: Other Semantic Elements
  • Parsing and Validity
    • Complete Start and End Tags
    • Conflicts and duplicates
    • Parent-child relationships
    • Deprecated Markup
    • Video Tutorial: Parsing and Validity