Accessibility Checklist

Ensure your designs and implementations meet accessibility standards

Overall Progress

0 of 31 checks completed

Compliance Level

WCAG 2.1 conformance levels

0/19

Level A

0/11

Level AA

0/1

Level AAA

Impact Distribution

Prioritize by impact level

0/10

High

0/20

Medium

0/1

Low

About this checklist

This checklist is based on WCAG 2.1 guidelines and helps you ensure your digital products are accessible to all users. It is not exhaustive and should be used alongside user testing with people who have disabilities.

Visual Accessibility

0/8 completed

Ensure your design is perceivable by users with visual impairments, color blindness, or low vision.

Text alternatives for non-text content

All images, form elements, and other non-text content have appropriate text alternatives.

WCAG 1.1.1

High Impact

Information and relationships

Semantic markup is used to designate headings, lists, emphasized text, etc.

WCAG 1.3.1

High Impact

Use of color

Color is not used as the only visual means of conveying information.

WCAG 1.4.1

Medium Impact

Contrast (Minimum)

Text has a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

WCAG 1.4.3

High Impact

Resize text

Text can be resized up to 200% without loss of content or functionality.

WCAG 1.4.4

Medium Impact

Reflow

Content can be presented without loss of information or functionality when the viewport is 320px wide.

WCAG 1.4.10

Medium Impact

Non-text contrast

UI components and graphical objects have a contrast ratio of at least 3:1 against adjacent colors.

WCAG 1.4.11

Medium Impact

Text spacing

No loss of content when line height is 1.5x font size, spacing after paragraphs is 2x font size, letter spacing is 0.12x font size, and word spacing is 0.16x font size.

WCAG 1.4.12

Medium Impact

Try Color Generator

Generate accessible color palettes that meet WCAG contrast requirements.

Accessible Color Generator

Create color combinations that are both visually appealing and accessible.

Base Color

Brightness

Saturation

Generated Palette

Base

20%

40%

60%

80%

20%

40%

60%

80%

100%

Accessibility Preview

Primary on Background

Contrast Ratio

1.00:1

Background on Primary

Contrast Ratio

1.00:1

Monochromatic Contrast

Contrast Ratio

1.00:1

Sample UI Elements

Advanced Generator

Accessibility Resources

WCAG Guidelines

Official Web Content Accessibility Guidelines

The complete set of guidelines for making web content more accessible to people with disabilities.

Visit WCAG Website

Testing Tools

Tools to help test your site's accessibility

Automated tools can help identify many accessibility issues, but manual testing is also essential.

WAVE
axe DevTools
Lighthouse

Common Mistakes

Accessibility pitfalls to avoid

Missing alternative text for images
Low contrast text that's difficult to read
Keyboard inaccessible interactive elements
Missing form labels or instructions
Non-descriptive link text (e.g., "click here")