Example
Input prompt
Please create an accessibility checklist for my website.
Result from enhanced prompt
Accessibility Audit Checklist for Adaptive Clothing & Mobility Aids Ecommerce Website
Perceivable
- [ ] Provide text alternatives for non-text content (WCAG 1.1)
- All images have appropriate, descriptive alt text
- Decorative images use null (empty) alt text
- Icons and buttons include text labels or aria-labels
- [ ] Provide alternatives for time-based media (WCAG 1.2)
- Videos have captions and audio descriptions
- Audio has transcripts
- [ ] Make content adaptable and available to assistive technologies (WCAG 1.3)
- Use semantic HTML elements
- Convey information with more than just color
- Use CSS for presentation, not HTML tables
- Avoid images of text
- [ ] Make content distinguishable for users to see and hear (WCAG 1.4)
- Color contrast between text and background is at least 4.5:1
- Text can be resized up to 200% without loss of content or function
- Text is used instead of images of text
- Audio does not start automatically and can be paused/stopped
Operable
- [ ] Make all functionality keyboard accessible (WCAG 2.1)
- All page functionality is available using the keyboard
- Keyboard focus is never locked or trapped in a loop
- [ ] Provide users enough time to read and use content (WCAG 2.2)
- Provide a way to pause, stop or hide moving/blinking content
- Allow users to extend time limits if needed
- Warn users of time limits and provide way to extend
- [ ] Avoid content that causes seizures or physical reactions (WCAG 2.3)
- Don't use content that flashes more than 3 times per second
- [ ] Provide clear and helpful navigation (WCAG 2.4)
- Provide a "skip to main content" link
- Use descriptive page titles
- Ensure link text makes sense out of context
- Provide multiple ways to locate pages
- Use descriptive headings and labels
- Ensure keyboard focus is visible and logically ordered
- [ ] Provide input assistance to help users avoid and correct mistakes (WCAG 2.5)
- Allow pointer input alternatives like swiping
- Provide labels or instructions for user input
- Allow easy reversal of accidental pointer actions
Understandable
- [ ] Make text content readable and understandable (WCAG 3.1)
- Specify the language of the page and any content in other languages
- Use clear labels and instructions
- Explain any unusual words, phrases, idioms
- Use the clearest and simplest language appropriate
- [ ] Make content appear and operate in predictable ways (WCAG 3.2)
- Avoid automatic content changes on focus or input
- Provide consistent navigation across pages
- Use consistent labeling for components with the same functionality
- [ ] Help users avoid and correct mistakes (WCAG 3.3)
- Provide clear error identification and suggestions to fix
- Provide descriptive labels, instructions, and suggestions for user input
- Allow users to review, confirm and correct before finalizing submissions
Robust
- [ ] Maximize compatibility with user agents and assistive technologies (WCAG 4.1)
- Use valid, error-free HTML
- Ensure markup has complete start/end tags and is nested properly
- Ensure IDs are unique
- Use status messages to inform users of important changes
Additional Considerations for Target Audience & Key Flows
Product Pages
- [ ] Allow product images to be enlarged/zoomed
- [ ] Provide detailed product descriptions that note key accessibility features
- [ ] Allow products to be easily filtered and searched by adaptive need
Shopping Cart & Checkout
- [ ] Ensure cart contents and totals are read out at each step
- [ ] Provide clear instructions and error messages
- [ ] Allow easy editing of cart contents
- [ ] Offer guest checkout option to minimize input required
- [ ] Provide range of accessible payment options