slug: accessibility-fundamentals
title: "Accessibility -- WCAG Fundamentals for Designers"
version: 1.0.0
description: "Learn WCAG principles, conformance levels, and practical a11y patterns for inclusive design."
category: ux-design
tags: [accessibility, wcag, a11y, inclusive-design, screen-readers, aria]
difficulty: beginner

xp:
  read: 10
  walkthrough: 30
  exercise: 20
  quiz: 15
  quiz-perfect-bonus: 10

time:
  quick: 5
  read: 15
  guided: 45

prerequisites: []
related: [design-critique, react-fundamentals]

triggers:
  - "What are WCAG guidelines?"
  - "How do I make my app accessible?"
  - "What is ARIA and when should I use it?"
  - "How do screen readers work?"

visuals:
  diagrams: [diagram-mermaid, diagram-flow]
  quiz-types: [quiz-matching, quiz-timed-choice]
  playground: bash
  web-embeds: true
  slides: true

sources:
  - url: "https://www.w3.org/WAI/WCAG21/quickref/"
    label: "WCAG 2.1 Quick Reference"
    type: docs
  - url: "https://webaim.org"
    label: "WebAIM"
    type: docs