Home
Bookmarks
Leagues
LEARN
Courses
Career Paths
Assessments
Tutorials
Arcade
Glossary
GROW
Certifications
Log in
Glossary
Log inSign up
Courses/Introduction to Design Systems/Accessibility First: WCAG & Inclusive Foundations/
Exercise #2

The 4 Core Principles of WCAG (POUR)

The Web Content Accessibility Guidelines (WCAG) 2.1 and 2.2 are organized around four fundamental principles, known as the POUR framework:

  1. Perceivable: Information and user interface components must be presentable to users in ways they can perceive (e.g., text alternatives for icons, sufficient color contrast, captions for video).
  2. Operable: Interface components and navigation must be operable (e.g., all functionality accessible via keyboard, no trapped focus, ample time to complete tasks).
  3. Understandable: Information and operation of the UI must be clear and predictable (e.g., clear error messages, consistent navigation patterns, readable typography).
  4. Robust: Content must be robust enough to be interpreted reliably by a wide variety of user agents, including modern assistive technologies like screen readers.

Topics

Accessibility as a Systemic Multiplier
The 4 Core Principles of WCAG (POUR)
Color Contrast Standards: WCAG AA vs AAA
Visible Focus Rings & Focus Management
Focus Trapping in Modals & Dialogs
ARIA: When to Use It and the 'First Rule of ARIA'
Touch Targets & Pointer Cancellation (WCAG 2.2)
Motion Sensitivity & `prefers-reduced-motion`
Screen Reader Testing & Semantic Landmarks
Challenge: Auditing an Inaccessible Form Field

From lesson

2

Accessibility First: WCAG & Inclusive Foundations

Level 2 · Core Principles & Governance

Top contributors

Community contribution details will appear here once real learner activity is available.

Share