Web Accessibility, Part 1: Semantic Structure and Navigation

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.

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