Find and fix accessibility issues in web components
Audit this component/page for accessibility issues: ```[HTML/JSX] [PASTE CODE] ``` Context: - Framework: [REACT/VUE/VANILLA/ETC] - Component purpose: [WHAT IT DOES] - Target WCAG level: [A/AA/AAA] Provide: 1. WCAG violations found with severity 2. Fixed code for each issue 3. ARIA attributes needed 4. Keyboard navigation improvements 5. Screen reader testing recommendations 6. Color contrast concerns 7. Focus management suggestions
Audit this component/page for accessibility issues: ```[HTML/JSX] [PASTE CODE] ``` Context: - Framework: [REACT/VUE/VANILLA/ETC] - Component purpose: [WHAT IT DOES] - Target WCAG level: [A/AA/AAA] Provide: 1. WCAG violations found with severity 2. Fixed code for each issue 3. ARIA attributes needed 4. Keyboard navigation improvements 5. Screen reader testing recommendations 6. Color contrast concerns 7. Focus management suggestions
This prompt is released under CC0 (Public Domain). You are free to use it for any purpose without attribution.
Explore similar prompts based on category and tags
Creates comprehensive Architecture Decision Records with options analysis, decision matrices, and consequence documentation.
Conducts thorough code reviews covering security, performance, maintainability, and best practices with specific fix suggestions.
Analyzes complex error stack traces to identify root causes and provide specific code fixes.
Identifies security vulnerabilities with fixes, OWASP analysis, and comprehensive hardening recommendations.