Key Guidelines for Inclusive, Compliant and User-Friendly Digital Experiences
This checklist highlights key WCAG 2.2 Level AA guidelines to help you build websites that are accessible, user-friendly, and compliant. It covers visual, motor, and cognitive accessibility to support a wide range of users.
Text Alternatives
All meaningful images should include alt text. Avoid images of text unless essential. Decorative images must use empty alt (alt=””) or be hidden with CSS.
Colour Contrast
Text must have a contrast ratio of 4.5:1 (or 3:1 for large text). Icons and graphical elements also need to meet minimum contrast requirements.
Keyboard Access
Interactive elements like links and forms must work with a keyboard. Don’t rely on mouse-only actions for core functionality.
Visible Focus
Keyboard focus must be clearly visible — users should always know which element is selected while tabbing through the page.
Headings and Structure
Use proper heading levels (h1–h6) to structure your content. Make sure the visual layout matches the underlying HTML.
Meaningful Link Text
Link text should be descriptive — avoid “click here.” Each link should make sense even when read out of context.
Labels and Instructions
Form fields must have clear labels. Include helpful instructions if the input has special rules or formatting requirements.
Error Identification and Recovery
Errors must be clearly described in text. When possible, provide tips or suggestions to help users fix them.