UI/UX Atlas

Accessibility

Design for the full spectrum of ability — WCAG 2.2, ARIA, keyboard, and assistive technology.

  1. POUR Principles & the WCAG Framework

    Understand how WCAG 2.2's four-principle architecture turns accessibility from a checklist into a coherent design discipline with measurable, legally-defensible outcomes.

  2. WCAG 2.2 New & Removed Criteria

    Master every change in WCAG 2.2 — nine new success criteria, one removed, and the design implications that separate compliant interfaces from genuinely inclusive ones.

  3. WCAG 3.0 Status & the Scoring Model Shift

    A deep look at where WCAG 3.0 stands in 2026, why its bronze/silver/gold scoring model is a seismic shift from binary pass/fail, and what practitioners should do right now.

  4. Semantic HTML & the Accessibility Tree

    Mastering semantic HTML and the browser's accessibility tree is the bedrock of inclusive interfaces — get this wrong and no ARIA patch will save you.

  5. ARIA & the Authoring Practices Guide (APG)

    Knowing when — and when not — to reach for ARIA separates accessible components from fragile ones; the APG is your authoritative field guide.

  6. Keyboard Navigation & Focus Management (inert)

    Mastering keyboard navigation and the HTML `inert` attribute is what separates interfaces that merely look accessible from ones that actually work for keyboard and assistive-technology users.

  7. Screen Readers & Assistive Technology

    Assistive technology isn't a niche edge case — understanding how real users navigate with screen readers, switches, and magnifiers unlocks the semantic rigor that makes every interface more robust.

  8. Color, Contrast & Visual Perception

    Master perceptual principles and WCAG 2.2 contrast standards to design interfaces that communicate clearly for every human visual system.

  9. Cognitive Accessibility & COGA

    Designing interfaces that work for people with memory, attention, and learning differences — grounded in W3C COGA guidance and WCAG 2.2 cognitive criteria.

  10. Inclusive Design Frameworks & the Disability Spectrum

    Designing for the full range of human ability—permanent, temporary, and situational—produces better experiences for everyone, not just people with disabilities.

  11. Motion, Animation & Sensory Accessibility

    Purposeful motion elevates interfaces — but for millions of users with vestibular disorders, epilepsy, or sensory sensitivities, uncontrolled animation is a health hazard, not a delight.

  12. Accessible Forms & Error Handling

    Forms are where users transact — and inaccessible errors, missing labels, and broken validation flows silently exclude millions of people every day.

  13. Accessible Authentication (WCAG 3.3.8)

    Cognitive barriers in login flows exclude millions of users — learn how WCAG 3.3.8 reshapes authentication design with passkeys, OTP autocomplete, and paste-friendly forms.

  14. Touch Target Sizing (WCAG 2.5.8 / 2.5.5)

    Properly sizing interactive controls prevents motor-skill errors and is now a legal baseline in WCAG 2.2 — learn exact thresholds, spacing mechanics, and implementation patterns.

  15. Legal Landscape: EAA, ADA & Section 508

    Understand how the Americans with Disabilities Act, Section 508, and the EU Accessibility Act create legally binding accessibility obligations — and what WCAG conformance level satisfies each.

  16. Automated vs. Manual Testing Coverage

    Automated tools catch roughly 30–40% of WCAG failures — understanding where that ceiling sits (and why) turns audit work into a disciplined, repeatable practice.