Accessibility Tutorial

Introduction

Web accessibility ensures that everyone, including people with disabilities, can perceive, understand, navigate, and interact with the web.

Four Principles (POUR)

Perceivable

Provide text alternatives for nonโ€‘text content and ensure content is adaptable.

<img src="diagram.png" alt="Flow diagram of user onboarding">

Operable

Make all functionality available from a keyboard and give users enough time to read.

button{
  /* visible focus indicator */
  outline: 2px solid var(--accent);
}

Understandable

Use clear language, predictable navigation, and help users avoid and correct mistakes.

Robust

Ensure compatibility with current and future user agents, including assistive technologies.

Helpful Tools

โ†‘