- The How to Meet WCAG (Quick Reference) by W3C-WAI is the most comprehensive tool for finding web accessibility solutions. It is a customizable quick reference to Web Content Accessibility Guidelines (WCAG) 2.2 requirements, success criteria, and techniques.
- The finder provided below is a quick way to find the solutions for the most common accessibility issues often encountered in SaaS applications and platforms. The main goal is to conform to Level A and AA Success Criteria in WCAG 2.2. Level AAA will be listed only when necessary, such as SC 2.5.5: Target Size (Level AAA) *See notes for more details.
Categories of accessibility issues
<aside>
ℹ️ If you have issues in the following categories, click on a category, which will direct you to the issues under that category, the solutions, etc.
</aside>
- Color - e.g., text color contrast, non-text color contrast, color of focus indicator, and link text color.
- **Form** e.g., form labels
- Headings - see Navigation
- Image - e.g., alt-text, text alternative
- Keyboard navigation - see Navigation
- Labels - e.g. use of color, form, label with icon, no label, aria-label, text alternatives for non-text contents, and aria-labelledby.
- Link - e.g., link text, link color
- Mobile - e.g., screen orientation, Dragging movement, Responsive, and Target size
- Navigation - e.g., keyboard navigation, tabbing, tab order, tab index, semantic elements, skip to main content (Bypass Blocks), Page Titled, Focus Order, Meaningful Sequence, and headings
- Non-text - e.g., icon, image, and graphics
- Responsive - e.g., reflow, text zoom, scroll one direction only
- Status messages, error messages, and aria-live region
- Target size
- Text - e.g., alignment, line spacing, paragraph spacing, text column length, layout, reflow, link text, and abbreviations.
- Miscellaneous - e.g., table, content that flash, autocomplete, and Time limit
The COLOR accessibility issues