Dilan Mirioğlu UX · UI · Product

UX Study — Research report

Accessibility Audit

A WCAG 2.2 AA audit of a live product — the issues, their severity, and the design changes that closed them.

Standard
WCAG 2.2 AA
Method
Manual + automated · screen-reader & keyboard passes
Deliverable
Issue log, severity, remediation notes
Year
2023

Objective

Bring a maturing product to WCAG 2.2 AA, and turn the findings into reusable rules the design system could enforce going forward.

Method

  • Automated scan across primary templates to catch low-hanging issues.
  • Manual keyboard-only pass on every core flow.
  • Screen-reader pass (VoiceOver + NVDA) on critical journeys.
  • Contrast checks against the full color palette.
Accessibility audit summary chart
Issues by severity and category — contrast and focus order dominated the backlog.

Key findings

1 · Contrast failures (critical)

Muted text and disabled states fell below 4.5:1; resolved by adjusting palette tokens rather than one-off fixes.

2 · Focus order & visibility (serious)

Modals trapped focus incorrectly and focus rings were suppressed; restored a clear, styled focus-visible state.

3 · Missing labels (moderate)

Icon-only buttons lacked accessible names; added consistent aria-labels via the component library.

Outcome

  • All primary flows pass keyboard and screen-reader checks.
  • Palette tokens updated once — every screen inherited AA contrast.
  • Accessibility rules baked into the shared design system so every screen inherits them.