Mobile Web Accessibility

Technical level: Advanced (knowledge of HTML, JavaScript, and ARIA recommended)

Duration:

  • 3 hours (online self-paced class, estimate)

Course Synopsis:

Learn how to create accessible mobile versions of web sites for iPhone, Android, tablets, and other mobile devices. The course covers the accessibility features and limitations of mobile iOS and Android, and techniques for making web content maximally-accessible across a wide range of mobile devices. Topics include:

  • iOS accessibility features
  • Android accessibility features
  • Responsive design
  • Touch interfaces
  • Keyboard accessibility
  • Navigation

Recommended Prerequisites:

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 the full set of curriculum options for details.

Enroll in "Mobile Web Accessibility"

Course Topics: Mobile Web Accessibility

  • Introduction
    • Overview
    • Mobile Feature Support
    • WCAG Applied to Mobile
  • iOS Accessibility Features
    • Accessibility Shortcut
    • Vision
      • VoiceOver (Screen Reader)
      • Zoom
      • Invert Colors
      • Speak Selection
      • Speak Auto-Text
      • Larger Text
      • Bold Text
      • Button Shapes
      • Increase Contrast
      • Reduce Motion
      • On/Off Labels
    • Hearing
      • Hearing Aid Mode
      • Subtitles & Captions
      • LED Flash Alerts
      • Mono Audio
      • Phone Noise Cancellation
      • Audio Balance
    • Learning
      • Guided Access
    • Motor & Physical
      • Switch Control
      • AssistiveTouch
      • Home-click Speed
      • Call Audio Routing
  • Android Accessibility Features
    • Vision
      • TalkBack (Screen Reader)
    • Hearing
    • Motor & Physical
    • Differences Between Brands
  • Responsive Design
    • Responsive Design is Low Vision Design
    • Linear Text Reflow
    • Simple Interface
    • Mobile Screen Resolution
    • Meta Viewport Tag
    • CSS Media Queries
    • Screen Size Breakpoints
    • Responsive Desktop Designs
    • Responsive Images
    • Responsive Tables
    • Performance & Design Patterns
  • Touch Interfaces
    • Benefits of Touch Interfaces
    • Drawbacks of Touch Interfaces
    • Motion & Animations
  • Keyboard Accessibility
  • Navigation
    • Bypass Blocks of Content
    • Touch Target Size (Links, Buttons, etc.)