All coursesAccessibility on the web
Ensure your text meets color contrast standards
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Ensure your text meets color contrast standards

Use Webflow’s Color contrast checker in the color picker to make sure your text meets accessibility standards and is legible against your background.

Ensure your text meets color contrast standards

Use Webflow’s Color contrast checker in the color picker to make sure your text meets accessibility standards and is legible against your background.

1

Getting started

Coming soon

1

Intro to the Audit panel
7:28
Intro to the Audit panel
Coming soon

1

Alt text for images
8:38
Alt text for images
Coming soon

1

Accessible & inclusive typography
6:06
Accessible & inclusive typography
Coming soon

1

Ensure your text meets color contrast standards
1:11
Ensure your text meets color contrast standards
Coming soon

1

Vision preview tool
6:01
Vision preview tool
Coming soon

1

Legible paragraphs using the CH unit
0:57
Legible paragraphs using the CH unit
Coming soon

1

Outlines
11:01
Outlines
Coming soon

1

Built-in toggle on background videos
2:02
Built-in toggle on background videos
Coming soon

Course progress

0%

Up next

Vision preview tool

Use Webflow’s Vision preview to get an approximate representation of some of the visual impairments that affect a large percentage of the population.
Complete & continue
Complete course