Course: Fundamentally Accessible

Fundamentally Accessible

Build better products for everyone by empowering your whole team to champion accessibility from the ground up.

Ready to start learning?

Log in or create an account to enroll (£700.00).

Register to Enroll

Already have an account? Log in to enroll in the course.

About this course

Fundamentally Accessible provides product managers, designers, developers, and testers with the holistic mindset and practical tools needed to bake universal design right into your product’s DNA. Build better products for everyone by empowering your whole team to champion accessibility from the ground up.

Read a Free Sample

Course plan

Note: Access to lessons will be granted as you progress through the course.

  • 1 The Business and Human Case
    • 1.1 The Expanded Market
      • 1.1.1 Significant Disabilities
      • 1.1.2 Mild Disabilities
      • 1.1.3 Technical Proficiency
      • 1.1.4 Language
      • 1.1.5 The Environment
    • 1.2 The ROI of Clean Processes
      • 1.2.1 The Exponential Cost of Defect Remediation
      • 1.2.2 Component Libraries
      • 1.2.3 Risk Mitigation and Resource Allocation
    • 1.3 Quality as a Side Effect
      • 1.3.1 Semantic Code
      • 1.3.2 Performant Products
      • 1.3.3 Resilient Codebases
      • 1.3.4 Optimised for Search Engines
    • 1.4 Empathy in Practice
      • 1.4.1 The Mismatch Model of Disability
      • 1.4.2 The Spectrum of Human Ability
      • 1.4.3 From Compliance to Empathy
  • 2 Design: Beauty, Craft and Constraint
    • 2.1 The Inclusive Foundation & Visual Systems
      • 2.1.1 Design Heuristics and Accessibility
      • 2.1.2 Gestalt Principles and Accessibility
      • 2.1.3 Typography and Legibility
      • 2.1.4 Layout, Reflow and Target Sizing
      • 2.1.5 Motion and Vestibular Safety
    • 2.2 Colour, Contrast, and Meaning
      • 2.2.1 Contrast Without Compromise
      • 2.2.2 The Multi-Channel Rule
      • 2.2.3 Designing for Colour Vision Deficiencies
    • 2.3 Language, Iconography, and Symbolism
      • 2.3.1 Plain English and UX Microcopy
      • 2.3.2 Iconography & Cognitive Load
      • 2.3.3 Multi-Device Modality
    • 2.4 Interactive Flows and Developer Handoff
      • 2.4.1 Designing Complete Interaction Flows
      • 2.4.2 Proactive Error States & Recovery
      • 2.4.3 Focus States and Modals
      • 2.4.4 Accessibility Annotation Workflows
  • 3 Engineering: A Solid Structure
    • 3.1 HTML and Accessibility
      • 3.1.1 HTML and the 70% Rule
      • 3.1.2 Content Markup & Heading Hierarchy
      • 3.1.3 Forms Done Right
      • 3.1.4 Div Soup vs HTML Meal
    • 3.2 ARIA – The Last Resort
      • 3.2.1 The Golden Rule of ARIA
      • 3.2.2 The Anatomy of ARIA Basics
      • 3.2.3 Native vs Faked
    • 3.3 Keyboard Navigation and Focus Management
      • 3.3.1 The Keyboard-Only Journey
      • 3.3.2 Working with tabindex
      • 3.3.3 Visual Focus Indicators
    • 3.4 Text Alternatives and Metadata
      • 3.4.1 Page Titles and Language
      • 3.4.2 Alt Text for Images and Graphics
      • 3.4.3 Captions and Transcriptions
    • 3.5 Resilient Components
      • 3.5.1 Accessible Accordion
      • 3.5.2 Accessible Dropdown
      • 3.5.3 Accessible Modals
  • 4 A Mature Workflow
    • 4.1 The Shift Left Strategy
      • 4.1.1 Built-in vs. Retrofitted
      • 4.1.2 Policed vs. Crafted
      • 4.1.3 Shift Left and Discovery
    • 4.2 The Definition of Done
      • 4.2.1 Done for Designers
      • 4.2.2 Done for Engineers
      • 4.2.3 Done for QA and Testing
    • 4.3 Automated vs. Manual Testing
      • 4.3.1 Automated Scanners are Not Enough
      • 4.3.2 Automated Tools
      • 4.3.3 Manual Testing
    • 4.4 The Accessibility Champion Network
      • 4.4.1 The Network
      • 4.4.2 Maturity Levels
      • 4.4.3 Success Stories