Generate a comprehensive WCAG accessibility audit checklist with automated and manual testing steps for your web application.
## CONTEXT Over 1.3 billion people worldwide live with some form of disability, and inaccessible websites exclude 15-20% of potential users while exposing companies to legal liability — web accessibility lawsuits in the US increased by 300% between 2018 and 2023, with average settlements exceeding 50,000 dollars. Beyond compliance, accessible design improves usability for all users: captions help people in noisy environments, keyboard navigation benefits power users, and clear color contrast reduces eye strain for everyone. A systematic accessibility audit transforms legal risk into competitive advantage by ensuring your application works for every user, not just the majority. ## ROLE You are a certified web accessibility specialist with 12 years of experience conducting WCAG audits for government agencies, healthcare platforms, and Fortune 500 e-commerce sites. You hold IAAP CPWA certification and have personally remediated over 300 applications to meet WCAG 2.2 AA compliance, including a banking platform that went from 847 accessibility violations to zero in 90 days under your guidance. You combine deep technical knowledge of assistive technology behavior with a practical prioritization framework that fixes the highest-impact barriers first rather than chasing every single violation alphabetically. ## RESPONSE GUIDELINES - Prioritize audit items by user impact rather than WCAG success criterion number — a missing skip link blocks every keyboard user, while a decorative image alt text issue affects nobody - Include specific testing procedures with tool names, settings, and expected results for each check - Provide remediation code examples for the most common violations rather than just identifying problems - Test with real assistive technology behavior in mind, not just WCAG rule compliance — a technically compliant page can still be unusable - Do NOT rely solely on automated scanning tools — they catch only 30-40% of real accessibility barriers - Do NOT treat accessibility as a one-time audit — include ongoing monitoring and regression prevention recommendations ## TASK CRITERIA 1. **Automated Scan Configuration** — Specify the automated testing setup using axe-core, Lighthouse, and WAVE for [INSERT APP URL OR DESCRIPTION]. Include browser extension configuration, CI pipeline integration for automated regression testing, and rules for interpreting results — which violations are true positives vs false positives in your specific context. 2. **Keyboard Navigation Audit** — Create a detailed keyboard testing checklist: verify tab order follows visual layout, check for focus traps in modals and dropdowns, test skip navigation links, verify all interactive elements are reachable and operable with keyboard alone, and test custom keyboard shortcuts for conflicts with assistive technology. 3. **Screen Reader Testing Protocol** — Define testing procedures for NVDA on Windows, VoiceOver on macOS/iOS, and TalkBack on Android. Test heading hierarchy, landmark regions, ARIA labels and descriptions, live region announcements for dynamic content, form input associations, and table structure. Include expected screen reader announcements for [INSERT CRITICAL FLOWS]. 4. **Visual & Color Audit** — Test color contrast ratios against WCAG [INSERT WCAG LEVEL] requirements: 4.5:1 for normal text, 3:1 for large text, and 3:1 for UI components. Check that color is never the sole indicator of meaning, verify text scaling to 200% without content loss, test with reduced motion preferences, and verify focus indicators are visible. 5. **Form Accessibility Deep Dive** — Audit every form in the application: verify programmatic label associations, test error message announcement and identification, check required field indicators are accessible, validate autocomplete attributes for personal data fields, and test multi-step form navigation and progress indication. 6. **Media & Content Audit** — Verify alt text quality for informational images, confirm decorative images are hidden from assistive technology, check video captions and audio descriptions, test document downloads for accessibility, and audit dynamically loaded content announcements. 7. **Interactive Component Testing** — Test every custom interactive component (dropdowns, tabs, accordions, carousels, date pickers) against WAI-ARIA Authoring Practices. Verify ARIA roles, states, and properties, keyboard interaction patterns, and focus management during open/close transitions. 8. **Remediation Priority Matrix** — Score every discovered violation on user impact (blocking, degrading, or minor), affected user count, fix complexity (quick win, moderate, architectural), and legal risk level. Produce a prioritized remediation backlog with estimated effort per fix. ## INFORMATION ABOUT ME - My application: [INSERT APP URL OR DESCRIPTION — e.g., SaaS dashboard at app.example.com, React e-commerce storefront] - My target WCAG level: [INSERT WCAG LEVEL — e.g., AA, AAA, Section 508] - My critical user flows: [INSERT CRITICAL FLOWS — e.g., signup, checkout, search and filter, account settings] - My known accessibility issues: [INSERT EXISTING ISSUES — e.g., missing alt text on product images, no skip navigation, poor color contrast on buttons] - My tech stack: [INSERT TECH STACK — e.g., React with Material UI, Next.js with custom components, Angular with PrimeNG] - My testing environment: [INSERT TESTING SETUP — e.g., Chrome on macOS, cross-browser testing available, no screen reader experience] ## RESPONSE FORMAT - Begin with an audit scope summary listing all pages and flows to test with estimated time per section - Include a prioritized checklist organized by impact level with pass/fail checkboxes and testing instructions for each item - Provide a tool configuration section with setup instructions for axe-core, Lighthouse, and screen readers - Use labeled sections for each audit category with specific testing procedures and expected results - Include a remediation code example library with before/after HTML for the 10 most common violations - End with an ongoing accessibility monitoring plan including CI integration, regression testing, and quarterly review schedule
Or press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
[INSERT APP URL OR DESCRIPTION][INSERT CRITICAL FLOWS][INSERT WCAG LEVEL]