Generate detailed accessibility audit reports and actionable remediation plans that ensure WCAG compliance for digital products. This prompt helps accessibility professionals, web developers, and digital teams identify barriers, prioritize fixes, and create roadmaps for inclusive user experiences.
This prompt is designed for accessibility professionals, UX designers, developers, and digital teams conducting WCAG compliance audits. Fill in the bracketed placeholders with specific information about your digital product, including the target conformance level (typically WCAG 2.1 Level AA), scope of audit, and any known accessibility concerns. The prompt generates both diagnostic insights and actionable remediation plans.
Before using this prompt, gather essential information about your digital product. Identify the specific pages, features, or user flows that require auditing. Document your target conformance level based on legal requirements or organizational standards. Note any previous accessibility testing results, known issues, or user complaints. If possible, include information about your primary user demographics and any assistive technologies they commonly use. Understanding your development workflow and team structure will help generate more realistic remediation timelines.
The generated audit report follows industry-standard accessibility documentation practices aligned with WCAG 2.1 guidelines. The executive summary provides stakeholder-friendly insights, while detailed findings offer technical depth for developers. The prioritized remediation roadmap organizes fixes by severity and user impact, ensuring critical barriers are addressed first. Implementation guidelines include specific code examples and testing procedures. The long-term strategy section helps embed accessibility into organizational processes, preventing future compliance gaps.
Accessibility audits should combine automated testing tools with manual evaluation and user testing for comprehensive coverage. Automated tools typically catch 25-35% of accessibility issues, making human expertise essential. Consider your organization's resources, technical capabilities, and legal obligations when setting remediation timelines. Different industries may have specific compliance requirements beyond WCAG. Factor in the complexity of your technology stack and any third-party components that may require vendor collaboration for full remediation.
WCAG 2.1 Level AA is the most widely adopted standard and satisfies most legal requirements including ADA, Section 508, and international accessibility laws. Level A addresses the most basic barriers that completely prevent access. Level AAA represents enhanced accessibility but may not be feasible for all content types. Focus on the four POUR principles: Perceivable, Operable, Understandable, and Robust. Ensure your audit addresses keyboard navigation, screen reader compatibility, color contrast, form accessibility, and error handling as these are common sources of compliance failures.
You are an expert UI/UX designer specializing in accessibility compliance and inclusive design principles. Your task is to create a comprehensive UI design specification that fully adheres to WCAG [CONFORMANCE LEVEL] standards for [PROJECT NAME OR TYPE]. Project Context: - Target users: [USER DEMOGRAPHICS AND ACCESSIBILITY NEEDS] - Platform: [WEB/MOBILE/DESKTOP APPLICATION] - Key features: [MAIN FUNCTIONALITY AND USER INTERACTIONS] - Current accessibility challenges: [EXISTING BARRIERS OR PAIN POINTS] - Compliance requirements: [LEGAL OR ORGANIZATIONAL MANDATES] Generate a detailed accessibility-compliant UI design specification that includes: 1. WCAG Compliance Analysis - Map design elements to WCAG 2.2 principles: Perceivable, Operable, Understandable, and Robust - Identify specific success criteria applicable to this interface - Document conformance level targets and rationale 2. Accessible Design Components - Color and contrast specifications meeting minimum ratios - Typography standards for readability - Interactive element design with proper focus indicators - Keyboard navigation patterns and shortcuts - Touch target sizing for mobile interfaces - Form design with clear labels and error handling 3. Assistive Technology Support - Screen reader compatibility requirements - ARIA roles and semantic HTML implementation - Alternative text strategies for images and media - Audio descriptions and captions for multimedia content 4. User Testing and Validation - Accessibility testing methodology - Assistive technology testing checklist - User testing protocols with people with disabilities - Automated testing tool recommendations 5. Implementation Guidelines - Developer handoff documentation - Code snippets for accessible patterns - Third-party component accessibility requirements - Ongoing maintenance and audit procedures For each design element, explicitly state which WCAG success criteria it satisfies and provide implementation guidance that ensures compliance while maintaining aesthetic quality and user experience excellence.
You are an expert UI/UX design system architect with extensive experience in creating scalable, accessible, and maintainable design systems and component libraries. Create a comprehensive design system and component library for [PROJECT/PRODUCT NAME] that serves [TARGET USERS/TEAM SIZE]. The design system should support [PLATFORM/TECHNOLOGY STACK] and align with [BRAND/DESIGN PHILOSOPHY]. ## Core Requirements: 1. **Design Principles & Foundation** - Define [NUMBER] core design principles that reflect [BRAND VALUES/PRODUCT GOALS] - Establish design tokens for colors, typography, spacing, and elevation - Create a cohesive visual language that ensures [SPECIFIC CONSISTENCY GOALS] 2. **Component Library Structure** - Design [SPECIFY COMPONENT TYPES: e.g., buttons, forms, navigation, modals, cards, data tables] - Include component variants, states (default, hover, active, disabled, error), and responsive behaviors - Ensure WCAG 2.2 AA compliance with proper ARIA labels, semantic HTML, and keyboard navigation - Provide [LIGHT/DARK/BOTH] theme support 3. **Documentation Requirements** - Component usage guidelines with do's and don'ts - Code snippets for [FRAMEWORK: React, Vue, Angular, Web Components, etc.] - Accessibility implementation notes and screen reader compatibility - Visual examples showing component applications in real contexts 4. **Technical Specifications** - Design tokens in [FORMAT: CSS variables, JSON, SASS, etc.] - Responsive breakpoints for [DEVICE TARGETS] - Grid system with [COLUMN COUNT] columns - Naming conventions following [BEM/ATOMIC/CUSTOM] methodology 5. **Governance & Maintenance** - Version control strategy and update process - Contribution guidelines for team members - Quality assurance checklist for new components - Roles and responsibilities (owner, contributors, review board) Deliver the design system with: - A style guide covering typography hierarchy, color palette with contrast ratios, spacing scale, and iconography - A component library with at least [NUMBER] reusable components organized by category - Pattern library addressing common design solutions like navigation flows, forms, and data display - Figma/Sketch files or code repository structure for [DESIGN TOOL/DEVELOPMENT ENVIRONMENT] - An onboarding guide for new team members Ensure the design system achieves measurable outcomes including component reuse rate above 70%, WCAG compliance, style consistency within 5% variance, and reduced design-to-development handoff time.
Create comprehensive voice and tone guidelines for [BRAND NAME] in the [INDUSTRY/SECTOR] industry. The brand offers [PRODUCTS/SERVICES] targeting [TARGET AUDIENCE]. Core brand values include [BRAND VALUES], and the brand personality can be described as [BRAND PERSONALITY]. Include a brand voice overview, 3-5 voice characteristics with 'We are/We are not' statements, tone variations for different channels and contexts, practical writing guidelines, and examples of the voice in action.