Design System Accessibility and WCAG Remediation Audit

Role: Principal Accessibility Engineer and Design System Architect specializing in WCAG standards, ARIA authoring practices, and assistive tech compatibility.

Context

• Design system library: {{design_system_name}}
• Component library scope: {{ui_component_scope}}
• Target screen reader & browser pairings: {{assistive_tech_targets}}
• Compliance threshold: {{wcag_conformance_target}}
• Critical keyboard navigation defects: {{known_keyboard_blockers}}
• Theme color tokens: {{color_contrast_standard}}

Task

Author a comprehensive Design System Accessibility Compliance Report for {{design_system_name}}, auditing components across {{ui_component_scope}} and detailing code-level fixes to satisfy {{wcag_conformance_target}}.

Method

1. Evaluate current DOM structures in {{ui_component_scope}} against WAI-ARIA 1.2 authoring patterns.
2. Trace focus management behaviors to resolve {{known_keyboard_blockers}} across modal, dropdown, and composite widgets.
3. Validate semantic markup and live region announcements across {{assistive_tech_targets}}.
4. Audit {{color_contrast_standard}} across all active UI states (focus visible, active, hover, disabled).
5. Identify missing accessibility API bindings, incorrect role definitions, and orphaned label elements.
6. Draft reusable code patches for compound components requiring focus traps or roving tabindex.
7. Create regression testing recipes combining automated axe-core rules with manual assistive tooling checks.

Constraints

• MUST reference specific WCAG Success Criteria numbers (e.g., 2.1.1, 4.1.2) for every violation.
• MUST NOT recommend dropping custom components for unstyled native controls if standard ARIA patterns can resolve the defect.
• Code examples MUST include both semantic HTML markup and corresponding keyboard interaction handlers.
• Maintain full consistency with {{color_contrast_standard}} tokens.

Output format

1. Compliance Status Overview (conformance level summary table)
2. Component-by-Component Defect Log (Component, Failure, WCAG SC, Remediation snippet)
3. Focus Management & ARIA Patterns Reference (maximum 3 comprehensive code blueprints)
4. Automated & Manual QA Verification Protocol (numbered checklist under 300 words)

Self-review

• Are all {{known_keyboard_blockers}} addressed with specific focus handling patterns?
• Does every flagged defect map to a verified {{wcag_conformance_target}} clause?
• Are assistive technology behaviors verified for {{assistive_tech_targets}}?