Fix the issues you found
Writers and designers, use these tips to to fix common accessibility issues.
Developers: Don’t miss this important resource.
Writers and designers, use these tips to to fix common accessibility issues.
Developers: Don’t miss this important resource.
❌ Problem: Long or inappropriate alt text.
✅ Fix: Replace the text with a brief, neutral description. Reminder: Most photos and images on websites are decorative and shouldn’t have alt text. None of the photos on this page on this page do!
❌ Problem: Missing alt text. (Screen readers can’t describe images that don’t have alt text.)
✅ Fix: Add alt text that describes what an image shows. Example: Instead of: "IMG_1234.jpg," use "Graph shows program applications have grown 30 percent over 3 years."
❌ Problem: Users can’t move through a website or web page using only their keyboard.
✅ Fix: Ensure all links, buttons, and forms can be accessed with the Tab key. Also make sure the items follow a logical order as people tab from one item to the next.
❌ Problem: The color of your text is too similar in color to the background, making it hard to read.
✅ Fix: Use strong color contrast. Examples:
❌ Problem: The form doesn’t have clear labels or instructions.
✅ Fixes:
❌ Problem: Some users are distracted by video or audio that plays automatically.
✅ Fixes:
❌ Problem: The video doesn’t have captions for people who can’t hear
✅ Fix: Make sure that you have captions loaded (with any misspelling issues corrected!) and enabled for videos.
Do “regression testing” to make sure the changes you made:
Use the World Wide Web Consortium’s quick reference guide to meet WCAG 2 requirements. You can use its filter tab in the left-hand menu to customize: