Help me make my web application accessible to all users.
Project: [WHAT I'M BUILDING]
Framework: [REACT / HTML / VUE / OTHER]
Current accessibility: [NONE / BASIC / WANT TO IMPROVE]
Compliance target: [WCAG 2.1 AA / SECTION 508 / BASIC BEST PRACTICES]
Provide:
1. **Semantic HTML**: Using the right elements for their purpose
2. **Keyboard Navigation**: Ensuring everything works without a mouse
3. **Screen Reader Support**: ARIA labels, roles, and live regions
4. **Focus Management**: Visible focus indicators and focus trapping in modals
5. **Colour & Contrast**: Meeting contrast ratios and not relying on colour alone
6. **Forms**: Accessible form labels, errors, and validation messages
7. **Images & Media**: Alt text, captions, and transcripts
8. **Navigation**: Skip links, landmarks, and heading hierarchy
9. **Testing Tools**: Automated and manual accessibility testing tools
10. **Audit Checklist**: A complete a11y checklist to review before launch
Help me make my web application accessible to all users.
Project: [WHAT I'M BUILDING]
Framework: [REACT / HTML / VUE / OTHER]
Current accessibility: [NONE / BASIC / WANT TO IMPROVE]
Compliance target: [WCAG 2.1 AA / SECTION 508 / BASIC BEST PRACTICES]
Provide:
1. **Semantic HTML**: Using the right elements for their purpose
2. **Keyboard Navigation**: Ensuring everything works without a mouse
3. **Screen Reader Support**: ARIA labels, roles, and live regions
4. **Focus Management**: Visible focus indicators and focus trapping in modals
5. **Colour & Contrast**: Meeting contrast ratios and not relying on colour alone
6. **Forms**: Accessible form labels, errors, and validation messages
7. **Images & Media**: Alt text, captions, and transcripts
8. **Navigation**: Skip links, landmarks, and heading hierarchy
9. **Testing Tools**: Automated and manual accessibility testing tools
10. **Audit Checklist**: A complete a11y checklist to review before launch
How to use this prompt
Copy the prompt above and paste it into ChatGPT, Claude, Gemini, or any AI assistant. Replace the bracketed placeholders with your specific details.
Leave a Review
Tried this prompt? Let us know how it worked — your reviews help other users find the best prompts.