Let's "CHAT" About Accessibility
If you're not sure which automated issues to tackle first, start with the acronym CHAT:
- Color contrast
- Headings
- Alt text (aka text alternative or accessible name)
- Tables
You can fix these automated accessibility issues:
- Color contrast ratio is too low (i.e., color contrast does not meet the minimum requirement)
- Empty heading
- Heading level skipped (i.e., headings are not structured)
- Image missing alt text (i.e., image missing a text alternative)
- Link missing accessible name (i.e., link missing a text alternative)
- Button missing accessible name (i.e., button missing a text alternative)
- Empty Table Header (i.e., table cell missing context)
- Interactive Content is Nested (i.e., role with implied hidden content has keyboard focus)
- Interactive Content is Hidden (i.e., hidden element has focusable content)
What about Other Accessibility Issues?
Contact us for guidance if you notice automated accessibility issues flagged for your site that are not included in this list.
And remember, automated checkers like Siteimprove can't catch every single accessibility issue on your site, like if your alt text is meaningful or not.