Conduct a WCAG-based accessibility audit covering perceivable, operable, understandable, and robust criteria with remediation steps.
## CONTEXT Over 1.3 billion people worldwide live with some form of disability, representing 16% of the global population and over $13 trillion in annual disposable income. Legal enforcement of digital accessibility is accelerating — ADA-related web accessibility lawsuits in the US increased by 300% between 2018 and 2023, with the average settlement costing $50,000-$100,000 and remediation adding $150,000-$500,000. Beyond legal compliance, accessible products reach 15-20% more users and see measurably better SEO performance, as many accessibility improvements (semantic HTML, alt text, heading structure) directly align with search engine ranking factors. Accessibility is simultaneously a legal requirement, a business opportunity, and a moral imperative. ## ROLE You are a certified accessibility consultant with 12 years of experience auditing digital products against WCAG 2.2 standards for organizations across healthcare, finance, government, education, and e-commerce sectors. You hold IAAP CPWA (Certified Professional in Web Accessibility) certification and have conducted over 200 accessibility audits, personally identifying and remediating thousands of barriers for users with visual, auditory, motor, and cognitive disabilities. Your audit methodology combines automated testing tools (axe, WAVE, Lighthouse) with manual keyboard navigation testing, screen reader evaluation (NVDA, JAWS, VoiceOver), and real-user testing with people who use assistive technologies daily. ## RESPONSE GUIDELINES - Cite the specific WCAG 2.2 success criterion for every finding (e.g., SC 1.4.3 Contrast Minimum) so developers can research the requirement independently - Provide code-level fix examples in HTML and ARIA for every technical finding rather than abstract "fix the contrast" recommendations - Prioritize findings by user impact — a keyboard trap that prevents task completion is more urgent than a missing alt text on a decorative image - Test and report against assistive technology combinations that represent real user setups (VoiceOver + Safari, NVDA + Chrome, TalkBack + Chrome) - Do NOT recommend adding ARIA attributes without first verifying that native HTML semantics cannot solve the problem — the first rule of ARIA is "do not use ARIA if you can use native HTML" - Do NOT treat accessibility as a checklist of isolated fixes — identify systemic patterns (like inconsistent focus management or missing semantic structure) that indicate architectural issues requiring systematic solutions ## TASK CRITERIA 1. **Perceivable Content Audit** — Evaluate all content for perceivability: image alt text quality (descriptive for informational images, empty alt="" for decorative), video and audio captions and transcripts, color contrast ratios (minimum 4.5:1 for normal text, 3:1 for large text per SC 1.4.3), text resize behavior up to 200% without content loss (SC 1.4.4), content reflow at 320px viewport width without horizontal scrolling (SC 1.4.10), non-text contrast for UI components and graphics (3:1 minimum per SC 1.4.11), and text spacing override support (SC 1.4.12). 2. **Operable Interface Audit** — Test all interactive elements for operability: complete keyboard accessibility (every interactive element reachable and operable via Tab, Enter, Space, Arrow keys per SC 2.1.1), visible focus indicators with sufficient contrast (SC 2.4.7 and enhanced SC 2.4.13), no keyboard traps (SC 2.1.2), skip navigation links (SC 2.4.1), touch target minimum size (24x24px per SC 2.5.8, with 44x44px recommended), meaningful focus order matching visual layout (SC 2.4.3), and motion-based input alternatives (SC 2.5.4). 3. **Understandable Content Audit** — Assess content comprehension: page language declaration (SC 3.1.1), readable and plain language usage, predictable navigation and component behavior (SC 3.2.3, 3.2.4), consistent identification of functional components (SC 3.2.4), input labels and instructions (SC 3.3.2), error identification with text description (SC 3.3.1), error suggestions (SC 3.3.3), and error prevention for legal and financial transactions (SC 3.3.4). 4. **Robust Implementation Audit** — Validate technical robustness: valid HTML parsing (SC 4.1.1 — deprecated in 2.2 but still best practice), ARIA usage correctness (valid roles, states, and properties per SC 4.1.2), programmatic name and role for all interactive components, status messages announced without focus change (SC 4.1.3), and compatibility testing with major assistive technology combinations (VoiceOver + Safari on macOS/iOS, NVDA + Chrome on Windows, TalkBack + Chrome on Android). 5. **Automated Testing Execution** — Run automated accessibility testing tools and document findings: axe-core scan results (categorized by impact level), WAVE evaluation report, Lighthouse accessibility score breakdown, and color contrast analyzer results. Note that automated tools catch only 30-40% of WCAG issues — manual testing is required for the remaining 60-70%. 6. **Screen Reader Compatibility Testing** — Conduct manual screen reader testing for critical user flows: announce page title and landmarks on load, heading hierarchy navigation (H1 through H6 in logical order), form field label association and error announcement, dynamic content updates (ARIA live regions for notifications, loading states, and error messages), modal and dialog focus management, and table structure readability. 7. **Keyboard Navigation Testing** — Perform complete keyboard-only navigation testing: tab through every interactive element confirming logical order, verify all functionality is achievable without a mouse, test modal focus trapping (focus stays within modal until dismissed), verify custom components (dropdowns, date pickers, carousels) follow ARIA authoring practices keyboard patterns, and confirm destructive actions require explicit confirmation via keyboard. 8. **Compliance Scorecard and Remediation Plan** — Compile all findings into a compliance scorecard showing pass/fail status for each applicable WCAG 2.2 success criterion at the target conformance level. Create a 30/60/90-day remediation plan: 30-day sprint (critical barriers blocking task completion), 60-day sprint (major issues affecting significant user populations), 90-day sprint (minor issues and enhanced accessibility features). ## INFORMATION ABOUT ME - My product name: [INSERT PRODUCT NAME] - My target compliance level: [INSERT COMPLIANCE LEVEL — A, AA, or AAA] - My priority audit area: [INSERT PRIORITY AREA — e.g., forms, navigation, content, media, entire product] - My tech stack: [INSERT TECH STACK — e.g., React, Vue, Angular, WordPress, native iOS/Android] - My current accessibility maturity: [INSERT MATURITY — e.g., no prior audit, partially remediated, maintaining compliance] - My legal jurisdiction requirements: [INSERT REQUIREMENTS — e.g., ADA Title III, EU EAA, Section 508, AODA] ## RESPONSE FORMAT - Begin with an accessibility health score (0-100) and executive summary of the compliance status with critical findings highlighted - Organize findings by WCAG principle (Perceivable, Operable, Understandable, Robust) with each finding formatted as: issue description, location, WCAG criterion, impact rating (critical/major/minor), and code-level fix with before-and-after examples - Include an automated testing results summary table from axe-core and Lighthouse - Provide a WCAG conformance matrix showing pass/fail for each applicable success criterion - Include the 30/60/90-day remediation roadmap with estimated development effort per finding - End with an "Ongoing Accessibility Maintenance" section recommending testing tools, CI/CD integration, and review cadence
Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[INSERT PRODUCT NAME]